/* ===== CSS משותף לאתר הציבורי (30.10.26): עמוד הבית (index.html, v9/), דף הביודנסה (biodanza/), מדיניות הפרטיות (privacy/) ודף המודעות (ads/).
 דף הניהול משתמש בקובץ CSS אחר. כל עמוד מסמן את עצמו במחלקה על <html>: pg-home / pg-bio / pg-priv / pg-ads,
 וחוקים של עמוד אחד עטופים ב-:where(.pg-X) (בלי תוספת ספציפיות). שינוי בקובץ = להעלות את ?v= בתגי ה-<link> בעמודים. ===== */

/* ===================== בסיס משותף ===================== */
html { -webkit-tap-highlight-color: transparent; } /* בלי הבהוב הכחול של הדפדפן בלחיצה, בכל העמודים */
:root{
    --cream:#FFF5E8; --sand:#FFD8AE; --terra:#E5562D; --coral:#FF8A5C; --dusty:#EC7F78;
    --sage:#8DB255; --olive:#4E7D2C; --plum:#9A2D5E; --ink:#2C231D; --paper:#FFFDF9;
    --muted:#4A3D33; --err:#C8411B;
    --r-lg:32px; --r-md:26px;
    --shadow-soft:0 34px 70px -44px rgba(44,35,29,.42);
  }
/* בסיס טיפוגרפי מוגדל לקריאות: 17px במובייל, 18px מטאבלט ומעלה — כל ה-rem (טקסט וריווח) גדלים יחד */
html{ scroll-behavior:smooth; overflow-x:clip; font-size:106.25%; }
@media (min-width:768px){ html{ font-size:112.5%; } }
body{
    font-family:"Assistant",sans-serif;
    background:var(--cream);
    color:var(--ink);
    font-size:1.125rem;            /* ≈19px במובייל */
    line-height:1.75;
    -webkit-font-smoothing:antialiased;
    overflow-x:clip;
    max-width:100vw;
  }
@media (min-width:768px){ body{ font-size:1.15rem; } } /* ≈21px */
h1,h2,h3,.font-display{ font-family:"Rubik","Assistant",sans-serif; }
/* מניעת "יתום" — מילה בודדת בשורה האחרונה של פסקה */
p, li, summary, h1, h2, h3, h4, blockquote, figcaption, label, .ans p{ text-wrap:pretty; }
h1, h2, .balance{ text-wrap:balance; }
::selection{ background:var(--terra); color:var(--paper); }
/* מרקם נייר עדין — תחושה אורגנית */
.grain::before{
    content:""; position:fixed; inset:0; z-index:1; pointer-events:none;
    opacity:.05; mix-blend-mode:multiply;
    background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  }
/* ===== טיפוגרפיה ===== */
.h-hero{ font-size:clamp(2.2rem, 4.6vw, 3.6rem); line-height:1.08; font-weight:600; letter-spacing:-.015em; }
.h-sect{ font-size:clamp(2rem, 4vw, 2.9rem); line-height:1.14; font-weight:600; letter-spacing:-.01em; }
.h-card{ font-size:1.5rem; line-height:1.25; font-weight:600; }
.lead{ font-size:clamp(1.2rem, 1.7vw, 1.4rem); line-height:1.75; } /* אותו מרווח שורות כמו גוף הטקסט — אחיד בכל הדף */
.muted{ color:var(--muted); }
.eyebrow{
    display:inline-flex; align-items:center; gap:.6rem;
    font-size:.98rem; font-weight:600; letter-spacing:.02em; color:var(--olive);
  }
.eyebrow::before{ content:""; width:.55rem; height:.55rem; border-radius:9999px; background:var(--terra); }
.reveal{ opacity:0; transform:translateY(18px); transition:opacity 1s cubic-bezier(.16,1,.3,1), transform 1s cubic-bezier(.16,1,.3,1); }
.reveal.in{ opacity:1; transform:none; }
[data-parallax]{ will-change:transform; }
@media (prefers-reduced-motion: reduce){
    .reveal{ opacity:1; transform:none; transition:none; }
    [data-parallax]{ transform:none !important; }
    html{ scroll-behavior:auto; }
  }
/* ===== כפתורים — סטטיים (בלי אפקטי hover/לחיצה) ===== */
.btn-primary{
    display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
    background:var(--terra); color:var(--paper); font-weight:700; letter-spacing:.005em;
    box-shadow:0 14px 30px -16px rgba(229,86,45,.85);
    cursor:pointer;
  }
.btn-light{
    display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
    background:var(--paper); color:#C8411B; font-weight:700; cursor:pointer;
    box-shadow:0 14px 30px -16px rgba(44,35,29,.5);
  }
/* תמונה לכל רוחב הכרטיס (צמודה לקצוות ולחלק העליון) */
/* מדרגות לפני ואחרי כפתור ההרשמה: טקסט בלבד עם קו מחוק (בלי צ'יפ), מעט גדולות יותר, ברווחים שווים מהכפתור */
.btn-ghost{
    display:inline-flex; align-items:center; justify-content:center; gap:.5rem;
    border:1.5px solid rgba(44,35,29,.22); color:var(--ink); background:transparent; font-weight:600;
    cursor:pointer;
  }
.btn-primary, .btn-ghost, .gender-opt, .consent-cb{ -webkit-tap-highlight-color:transparent; }
.btn-primary:active, .btn-ghost:active, .gender-opt:active{ transform:none; }
.btn-primary:disabled{ opacity:.55; cursor:default; box-shadow:none; }
/* ===== נגישות — טבעת פוקוס ברורה לניווט מקלדת, וקישור דילוג לטופס ===== */
a:focus-visible, button:focus-visible, summary:focus-visible, video:focus-visible{
    outline:3px solid var(--plum); outline-offset:3px; border-radius:14px;
  }
.skip-link{
    position:absolute; top:-100px; right:1rem; z-index:70;
    background:var(--ink); color:var(--paper); padding:.7rem 1.2rem; border-radius:999px; font-weight:600;
  }
.skip-link:focus{ top:1rem; }
.hand{ font-family:"Amatic SC","Assistant",cursive; font-weight:700; letter-spacing:.01em; line-height:1; }
.sticker{
    position:absolute; z-index:5; background:var(--paper); color:var(--ink);
    padding:.55rem 1.15rem .7rem; border-radius:18px;
    box-shadow:0 18px 34px -22px rgba(44,35,29,.55);
    transform:rotate(-4deg);
  }
/* ===== תנועה חתימה: "נשימה" איטית של הצורות, כמו בד שזז ברוח ===== */
@keyframes sway{ 0%,100%{ transform:translateY(0) rotate(0deg); } 50%{ transform:translateY(-10px) rotate(2deg); } }
.sway{ animation:sway 11s ease-in-out infinite; transform-origin:50% 100%; }
.sway.slow{ animation-duration:15s; animation-delay:-4s; }
/* ===== צמד המפתח בכותרת: "תנועה חדשה" — שורה משלו, גדול יותר, גרדיאנט זורם + משיכת מכחול רכה מאחור ===== */
.key{
    position:relative; display:block; isolation:isolate;
    font-size:1.75em; font-weight:700; letter-spacing:-.01em; line-height:1.02; margin-inline-start:-.035em; /* מיושר לימין כמו שאר הכותרת */
  }
/* כל מילה בשורה משלה ובצבע משלה: "תנועה" ירוק זית, "חדשה?" טרקוטה (סימן השאלה באותו צבע) */
.key .kw{ display:block; width:max-content; padding-inline-end:.06em;
    background-size:220% 100%; -webkit-background-clip:text; background-clip:text; color:transparent;
  }
.key .kw1{ background-image:linear-gradient(100deg, #3F6A22 0%, #4E7D2C 28%, #79A046 52%, #79A046 74%, #3F6A22 100%); }
.key .kw2{ background-image:linear-gradient(100deg, #C8411B 0%, #E5562D 30%, #FF8A5C 55%, #EC7F78 78%, #C8411B 100%); }
.h-hero .key{ margin-top:.08em; }
@keyframes keyFlow{ 0%,100%{ background-position:0% 50%; } 50%{ background-position:100% 50%; } }
@keyframes wordIn{ to{ opacity:1; filter:blur(0); } }
@keyframes keyIn{
    0%  { -webkit-mask-position:0% 0; mask-position:0% 0; transform:translateX(.6em); filter:blur(4px); }
    100%{ -webkit-mask-position:100% 0; mask-position:100% 0; transform:none; filter:blur(0); }
  }
.hero-in .key-q{ display:inline-block; opacity:0; animation:wordIn .8s ease 3.15s forwards; }
.dots i{ display:inline-block; vertical-align:baseline; margin-inline-end:.16em; width:.15em; height:.15em; border-radius:50%; background:#4E7D2C; opacity:0; transform:scale(.4);
    animation:dotIn .45s ease forwards, dotPulse 1.1s ease-in-out infinite; }
@keyframes dotIn{ to{ opacity:1; transform:scale(1); } }
@keyframes dotPulse{ 0%,100%{ opacity:1; } 50%{ opacity:.35; } }
@keyframes dotsOut{ to{ opacity:0; filter:blur(4px); } }
.flow{ opacity:0; animation:fadeFlow 1s ease 3.35s forwards; }
@keyframes fadeFlow{ to{ opacity:1; } }
.intro-on .intro-strip{ opacity:1; }
/* אחרי הכניסה הראשונית, או ברגע שגוללים — בלי השהיה בכלל */
.intro-done .hero-pic, .intro-done .intro, .intro-done .intro-strip{ transition-delay:0s !important; }
@keyframes fadeFlow{ to{ opacity:1; } }
@media (prefers-reduced-motion: reduce){
    .dots{ display:none; }
    .key, .hero-in .w, .hero-in .key, .hero-in .key-q, .hero-in .key .kw, .flow, .dots, .dots i, .intro-strip{ animation:none; transition:none; opacity:1; transform:none; filter:none; -webkit-mask-image:none; mask-image:none; }
  }
/* ===== תנועה מופשטת מתחת לכותרת — סרטי צבע זורמים (אנימציית SMIL, נעצרת ב-reduced motion דרך JS) ===== */
.flow{ display:block; width:100%; max-width:30rem; height:auto; overflow:visible; }
/* ===== סטריפ מילים נע (ltr-wrap, -50%→0) ===== */
.marquee-wrap{ direction:ltr; overflow:hidden; contain:paint; }
.marquee > span{ white-space:nowrap; }
@keyframes marquee{ from{ transform:translateX(-50%) } to{ transform:translateX(0) } }
/* ===== תמונות בצורת קשת — מהדהדות את הקשתות שבתמונה ===== */
.arch{ border-radius:999px 999px var(--r-md) var(--r-md); overflow:hidden; }
.arch img{ display:block; width:100%; height:100%; object-fit:cover; }
/* ===== שלוש צורות שונות לכרטיסי "אז מה זה בעצם?": בועה זורמת (זזים), עיגול (נפגשים), עלה (מגלים) ===== */
.shape{ overflow:hidden; box-shadow:0 26px 50px -34px rgba(44,35,29,.55); }
.shape img{ display:block; width:100%; height:100%; object-fit:cover; }
.shape-blob{ border-radius:58% 42% 55% 45% / 48% 58% 42% 52%; animation:blob 14s ease-in-out infinite; }
@keyframes blob{
    0%,100%{ border-radius:58% 42% 55% 45% / 48% 58% 42% 52%; }
    33%    { border-radius:44% 56% 40% 60% / 58% 42% 60% 40%; }
    66%    { border-radius:52% 48% 62% 38% / 42% 52% 48% 58%; }
  }
/* אותה צורה בשלוש הטיות: הבועה מסובבת, התמונה בתוכה מסובבת חזרה כדי להישאר ישרה; כל אחת בשלב אחר של הנשימה */
.shape-blob.t1{ transform:rotate(-9deg); animation-delay:0s; }
.shape-blob.t2{ transform:rotate(14deg); animation-delay:-4.7s; }
.shape-blob.t3{ transform:rotate(-24deg) scaleX(-1); animation-delay:-9.3s; }
.shape-blob.t1 img{ transform:rotate(9deg) scale(1.2); }
.shape-blob.t2 img{ transform:rotate(-14deg) scale(1.25); }
.shape-blob.t3 img{ transform:scaleX(-1) rotate(24deg) scale(1.35); }
@media (prefers-reduced-motion: reduce){ .shape-blob{ animation:none; } }
.method-link{ color:#E5562D; font-weight:700; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:6px; text-decoration-color:#FF8A5C; }
.method-link .arr{ display:inline-block; margin-inline-start:.3em; font-size:.9em; }
@media (prefers-reduced-motion: reduce){
    .sway, .marquee{ animation:none; }
  }
/* ===== כרטיסים ===== */
.card-soft{ background:rgba(255,216,174,.42); border-radius:var(--r-md); }
.shadow-soft{ box-shadow:var(--shadow-soft); }
/* ===== Hero ===== */
.hero-img{ border-radius:var(--r-lg); overflow:hidden; box-shadow:0 40px 80px -48px rgba(44,35,29,.55); }
.hero-img img{ display:block; width:100%; height:auto; }
/* ===== מסלול המפגש ===== */
.step-dot{
    width:3.5rem; height:3.5rem; border-radius:9999px; flex:none;
    display:grid; place-items:center;
    font-family:"Rubik",sans-serif; font-weight:600; font-size:1.2rem;
    background:var(--sand); color:var(--olive);
    box-shadow:0 0 0 7px var(--cream);
  }
.step-dot.is-last{ background:var(--terra); color:var(--paper); }
/* ===== וידאו ===== */
.imgframe{ background:var(--sand); position:relative; overflow:hidden; }
.imgframe img, .imgframe video{ width:100%; height:100%; object-fit:cover; display:block; }
/* ===== FAQ ===== */
details{ border-bottom:1px solid rgba(44,35,29,.13); }
details summary{ cursor:pointer; list-style:none; }
details summary::-webkit-details-marker{ display:none; }
details summary .chev{ transition:transform .3s ease; }
details .ans{ overflow:hidden; max-height:0; transition:max-height .4s ease; }
details[open] .ans{ max-height:40rem; }
/* ===== טופס ===== */
.field{
    background:var(--cream); border:1px solid rgba(78,125,44,.28);
    color:var(--ink); border-radius:16px; transition:border-color .2s ease, box-shadow .2s ease;
    text-align:right; direction:rtl;
    height:3.5rem;   /* גובה אחיד לכל השדות והכפתורים */
  }
.field:focus{ outline:none; border-color:var(--terra); box-shadow:0 0 0 3px rgba(229,86,45,.18); }
.field::placeholder{ color:rgba(44,35,29,.45); text-align:right; }
/* מנטרל את הרקע הצבעוני של מילוי-אוטומטי (Chrome/Safari) ושומר על צבע השדה */
input.field:-webkit-autofill,
  input.field:-webkit-autofill:hover,
  input.field:-webkit-autofill:focus{
    -webkit-text-fill-color:var(--ink);
    caret-color:var(--ink);
    -webkit-box-shadow:0 0 0 1000px #FFF5E8 inset;
    transition:background-color 9999s ease-in-out 0s;
  }
.field.invalid{ border-color:var(--err) !important; box-shadow:0 0 0 3px rgba(200,65,27,.16); }
.field.invalid:focus{ border-color:var(--err) !important; box-shadow:0 0 0 3px rgba(200,65,27,.22); }
.gender-opt{ appearance:none; -webkit-appearance:none; cursor:pointer; display:flex; align-items:center; justify-content:center; text-align:center; font-weight:600; color:var(--ink); line-height:1.15; }
.gender-opt.selected{ border-color:var(--terra) !important; background:rgba(229,86,45,.12); color:#C8411B; box-shadow:0 0 0 2px rgba(229,86,45,.25); }
.consent-cb{
    appearance:none; -webkit-appearance:none; flex:none; position:relative; cursor:pointer;
    width:1.4rem; height:1.4rem; border-radius:.45rem;
    background:var(--cream); border:1px solid rgba(78,125,44,.4);
    transition:border-color .2s ease, background .2s ease;
  }
.consent-cb:checked{ background:var(--terra); border-color:var(--terra); }
.consent-cb:checked::after{
    content:""; position:absolute; left:50%; top:46%;
    width:.34rem; height:.66rem; border:solid var(--paper); border-width:0 .17rem .17rem 0;
    transform:translate(-50%,-50%) rotate(45deg);
  }
.consent-cb:focus-visible{ outline:none; border-color:var(--terra); box-shadow:0 0 0 3px rgba(229,86,45,.22); }

/* ===== רכיבים משותפים (30.10.26): פס עליון טורקיז קבוע, כפתור חזרה לדף הבית, רצועת חול. בשימוש בדף הביודנסה, במדיניות הפרטיות ובדף המודעות ===== */
:root{ --band:#FFEAD2; --teal-grad:linear-gradient(120deg,#064452 0%,#0A6170 55%,#0F8A93 100%); }
.site-top{ position:sticky; top:var(--tbtop, 0px); z-index:50; background:var(--teal-grad); color:var(--paper); box-shadow:0 8px 20px -14px rgba(0,0,0,.45); }   /* קבוע בראש הדף בגלילה */
.site-top-in{ max-width:76rem; margin:0 auto; padding:.8rem 1.25rem; display:flex; align-items:center; justify-content:space-between; gap:1rem; }
.site-brand{ font-family:"Rubik","Assistant",sans-serif; font-weight:700; font-size:1.15rem; color:var(--paper); white-space:nowrap; text-decoration:none; }
.site-back{ display:inline-flex; align-items:center; min-height:40px; padding:.35rem .9rem; border:1px solid rgba(255,253,249,.55); color:var(--paper); font-weight:600; font-size:.95rem; text-decoration:none; }
.site-home-btn{ display:flex; align-items:center; justify-content:center; width:100%; max-width:24rem; margin:0 auto; min-height:58px; padding:.85rem 1.5rem; background:var(--terra); color:var(--paper); font-weight:700; font-size:1.2rem; text-decoration:none; box-shadow:0 14px 26px -16px rgba(229,86,45,.95); }   /* כפתור בולט לחזרה לדף הבית בסוף הדף */
.site-band{ background:var(--band); }

/* ===================== עמוד הבית (index.html, v9/) ===================== */
/* ===== אנימציות עדינות ===== */
/* פס עליון: הלוגו נכנס מימין והכפתורים משמאל בטעינת הדף */
:where(.pg-home) .from-right{ animation:slideFromRight .9s cubic-bezier(.16,1,.3,1) .1s both; }
:where(.pg-home) .from-left{ animation:slideFromLeft .9s cubic-bezier(.16,1,.3,1) .1s both; }
@keyframes slideFromRight{ from{ opacity:0; transform:translateX(48px); } to{ opacity:1; transform:none; } }
@keyframes slideFromLeft{ from{ opacity:0; transform:translateX(-48px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion: reduce){ :where(.pg-home) .from-right, :where(.pg-home) .from-left{ animation:none; } }
/* ===== פופאפ יצירת קשר: בחירה בין הדר לאופיר ===== */
:where(.pg-home) .btn-wa-sm{ display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:var(--terra); color:var(--paper); font-weight:700; font-size:1.05rem; border-radius:999px; padding:.7rem 1.5rem; }
/* ===== ציר מחיר: 80 ₪ עד 22.10, 100 ₪ בשלושת הימים האחרונים; נקודת "היום" נעה על הציר (הסימון באמצע תמיד) ===== */
:where(.pg-home) .pt-wrap{ direction:ltr; position:relative; height:6.6rem; margin:1.1rem .9rem 0; }
:where(.pg-home) .pt-line{ position:absolute; left:0; right:0; top:2.35rem; height:6px; border-radius:999px; background:var(--sand); }
:where(.pg-home) .pt-fill{ position:absolute; left:0; top:2.35rem; height:6px; border-radius:999px; background:var(--terra); width:0; }
:where(.pg-home) .pt-tick{ position:absolute; top:2.35rem; width:14px; height:14px; margin:-4px 0 0 -7px; border-radius:50%; background:var(--paper); border:3px solid var(--olive); }
:where(.pg-home) .pt-now{ position:absolute; top:.15rem; display:flex; flex-direction:column; align-items:center; transform:translateX(-50%); }
:where(.pg-home) .pt-now b{ font-family:Rubik,sans-serif; font-size:.82rem; font-weight:600; background:var(--terra); color:var(--paper); border-radius:999px; padding:.1rem .65rem; line-height:1.5; }
:where(.pg-home) .pt-now i{ width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:7px solid var(--terra); }
:where(.pg-home) .pt-dot{ position:absolute; top:2.35rem; width:20px; height:20px; margin:-7px 0 0 -10px; border-radius:50%; background:var(--terra); border:4px solid var(--paper); box-shadow:0 0 0 2px var(--terra); }
:where(.pg-home) .pt-lab{ position:absolute; top:3.5rem; transform:translateX(-50%); text-align:center; line-height:1.25; white-space:nowrap; }
:where(.pg-home) .pt-lab b{ display:block; font-family:Rubik,sans-serif; font-weight:600; font-size:1.05rem; color:var(--ink); }
:where(.pg-home) .pt-lab span{ font-size:.85rem; color:var(--muted); }
:where(.pg-home) .pt-lab.l{ transform:none; text-align:left; }
:where(.pg-home) .pt-lab.r{ transform:none; text-align:right; }
/* ===== סרטון פתיחה על ההזמנה: אותו גודל בדיוק, בלי קפיצות; נעלם (דהייה) ברגע שההזמנה בסרטון נכנסת ===== */
html.no-hero:where(.pg-home) #hero{ display:none; }
:where(.pg-home) body{ padding-bottom:5.5rem; } /* מקום לכפתור ההרשמה הקבוע */
:where(.pg-home) #heroStage{ position:relative; width:100%; }
/* הסרטון לכל הרוחב, בלי פינות מעוגלות: ממשיך את הבאנר. בדסקטופ הגובה מוגבל והצדדים נצבעים מקצוות הפריים */
:where(.pg-home) .hs-media{ position:relative; width:100%; aspect-ratio:4/5; max-height:88vh; overflow:hidden; background:var(--cream); }
:where(.pg-home) .hs-media > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
:where(.pg-home) .hv{ pointer-events:none; position:absolute; inset:0; z-index:5; background:var(--cream); transition:opacity .45s ease; }
html:not(.vid-pending):where(.pg-home) .hv:not(.closing){ display:none; }
:where(.pg-home) .hv-load{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; gap:.7rem; transition:opacity .3s ease; pointer-events:none; }
:where(.pg-home) .hv-load i{ width:1.15rem; height:1.15rem; border-radius:50%; background:#E5562D; animation:hvDot 1.1s ease-in-out infinite; }
:where(.pg-home) .hv-load i:nth-child(2){ background:#FF8A5C; animation-delay:.18s; }
:where(.pg-home) .hv-load i:nth-child(3){ background:#8DB255; animation-delay:.36s; }
:where(.pg-home) .hv.on .hv-load{ opacity:0; }
@keyframes hvDot{ 0%,80%,100%{ transform:scale(.55); opacity:.45; } 40%{ transform:scale(1); opacity:1; } }
:where(.pg-home) .hv[hidden]{ display:none; }
:where(.pg-home) .hv.out{ opacity:0; pointer-events:none; }
:where(.pg-home) .hv-bg{ position:absolute; left:-40px; top:-40px; width:calc(100% + 80px); height:calc(100% + 80px); filter:blur(22px); }
:where(.pg-home) .hv video{ opacity:0; position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:transparent; }
:where(.pg-home) .hv-frozen{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; display:block; }
/* הפריים הראשון של הסרטון כתמונה עד שהסרטון מתחיל (במקום נקודות הטעינה); אחרי שהוא נטען הוא מצויר גם בקנבס, כולל הצדדים בדסקטופ */
:where(.pg-home) .hv-poster{ position:absolute; inset:0; width:100%; height:100%; object-fit:contain; display:block; }
:where(.pg-home) .hv.has-poster .hv-load{ display:none; }
:where(.pg-home) .hv-cv{ position:absolute; inset:0; width:100%; height:100%; opacity:0; }
:where(.pg-home) .hv.on .hv-cv{ opacity:1; }
:where(.pg-home) .hv video{ pointer-events:none; } /* ===== טופס הרשמה קצר (שם + טלפון) ===== */
/* ===== כתב יד — נגיעה אנושית (wildcard) ===== */
:where(.pg-home) .font-word{ font-family:"Fredoka","Rubik",sans-serif; font-weight:600; }
/* כניסה: מילים נחשפות אחת־אחת (טשטוש שנעלם, בלי תזוזה אנכית), ואז "תנועה חדשה" נחשפת מימין לשמאל
     בקצה רך כמו משב רוח, משיכת המכחול נמתחת מאחוריה, והסרטים מתחתיה מופיעים */
:where(.pg-home) .hero-in .w{ display:inline-block; opacity:0; filter:blur(6px);
    animation:wordIn .7s cubic-bezier(.2,.7,.2,1) forwards; }
/* "תנועה" ואז "חדשה?" — כל מילה נכנסת בנפרד, מימין לשמאל בקצה רך כמו משב רוח (בלי ציר Y), ואז דוממת */
:where(.pg-home) .hero-in .key .kw{
    -webkit-mask-image:linear-gradient(270deg, #000 42%, transparent 58%); mask-image:linear-gradient(270deg, #000 42%, transparent 58%);
    -webkit-mask-size:320% 100%; mask-size:320% 100%;
    -webkit-mask-position:0% 0; mask-position:0% 0;
    animation:keyIn .85s cubic-bezier(.4,.05,.25,1) both;
  }
:where(.pg-home) .hero-in .key .kw1{ animation-delay:1.15s; }
:where(.pg-home) .hero-in .key .kw2{ animation-delay:1.55s; }
/* שלוש נקודות אחרי "שלך" — מופיעות אחת־אחת, פועמות רגע, ומתמוססות כש"תנועה חדשה" נכנסת לאותו מקום */
/* עטיפה ברוחב 0 על קו הבסיס — הנקודות יושבות בתחתית השורה כמו "..." אמיתי, בלי להזיז את הטקסט */
:where(.pg-home) .dots{ display:inline-block; width:0; overflow:visible; white-space:nowrap; vertical-align:baseline; padding-inline-start:.14em;
    animation:dotsOut .45s ease 1.15s forwards; }
:where(.pg-home) .dots i:nth-child(1){ animation-delay:.45s, .75s; }
:where(.pg-home) .dots i:nth-child(2){ animation-delay:.57s, .85s; }
:where(.pg-home) .dots i:nth-child(3){ animation-delay:.69s, .95s; }
/* הדף "מצטייר" מלמעלה למטה: במובייל התמונה (שמתחת לטקסט) מופיעה רק אחרי הכפתור; בדסקטופ היא לצד הטקסט ומופיעה מוקדם יותר */
:where(.pg-home) .intro{ transition-duration:.7s; }
:where(.pg-home) .hero-pic{ transition-delay:2.8s; transition-duration:.7s; } /* במובייל: יחד עם הכפתור */
@media (min-width:1024px){ :where(.pg-home) .hero-pic{ transition-delay:2.2s; } }
:where(.pg-home) .intro-strip{ opacity:0; transition:opacity .7s ease 3.2s; }
:where(.pg-home) .marquee{ display:flex; width:max-content; animation:marquee 20s linear infinite; }
/* ===== CTA דביק במובייל — מופיע אחרי ה-Hero ונעלם ליד הטופס ===== */
@media (max-height:700px){ :where(.pg-home) #hero{ padding-top:1rem; } }
:where(.pg-home) details[open] summary .chev, :where(.pg-home) details.is-open summary .chev{ transform:rotate(45deg); }
:where(.pg-home) #faq details.is-anim:not(.is-open) summary .chev{ transform:none; } /* בסגירה ה-+ חוזר מיד, לא בסוף האנימציה */
:where(.pg-home) #faq .ans{ will-change:height; }
/* ===== באנר "המפגש הקרוב" (בבדיקה בלבד): קבוע בראש הדף, בגובה קבוע בכל המצבים (טעינה, אין מפגש, יש מפגש), מצטמצם בגלילה ===== */
:root:where(.pg-home){ --tbtop:0px; } /* בבדיקות env.js מגדיר 18px (מתחת לפס "סביבת בדיקות") */
:where(.pg-home) #tbWrap{ position:relative; z-index:50; }
:where(.pg-home) #topbar.tb-me .tb-pill{ cursor:pointer; }
:where(.pg-home) #topbar{ --p:0; position:fixed; top:var(--tbtop); left:0; right:0; z-index:50; color:#FFFDF9; cursor:pointer; background:linear-gradient(120deg,#064452 0%,#0A6170 55%,#0F8A93 100%); box-shadow:0 8px 20px -10px rgba(0,0,0,calc(var(--p) * .55)); }
:where(.pg-home) #topbar .tb-in{ max-width:42rem; margin:0 auto; padding:calc(.7rem - .35rem * var(--p)) 1.25rem calc(.7rem - .35rem * var(--p)); text-align:center; display:flex; flex-direction:column; align-items:center; gap:calc(.3rem * (1 - var(--p))); } /* ריפוד עליון ותחתון זהים בכל מצב, והרווחים בין השורות נעלמים עם ההצטמצמות */
:where(.pg-home) #topbar .tb-sub{ display:none !important; }
:where(.pg-home) #topbar .tb-pill{ background:#FFFDF9 !important; color:#0A6170; margin:0; display:inline-flex; align-items:center; gap:.4rem; height:1.7rem; border-radius:999px; background:rgba(255,253,249,.2); padding:0 .8rem; font-size:.82rem; font-weight:700; line-height:1; white-space:nowrap; overflow:hidden; max-height:calc(1.7rem * (1 - var(--p))); opacity:max(0, calc(1 - var(--p) * 1.7)); margin-bottom:calc(.1rem * (1 - var(--p))); }
:where(.pg-home) #topbar .tb-main{ margin:0; font-weight:700; font-size:clamp(1.05rem,4.6vw,1.45rem); line-height:calc(1.8rem - .3rem * var(--p)); height:calc(1.8rem - .3rem * var(--p)); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; }
:where(.pg-home) #topbar .tb-sub{ margin:0; font-size:.92rem; line-height:1.3; height:1.2rem; opacity:.92; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; max-width:100%; max-height:calc(1.2rem * (1 - var(--p))); opacity:max(0, calc(.92 - var(--p) * 1.7)); }
/* טעינה: שלד מהבהב + "בודקים" עם נקודות, באותו גובה בדיוק */
/* טעינה שקטה (30.10.26): הצ'יף קבוע מההתחלה, ושורת התאריך מופיעה פעם אחת בדהייה כשהנתונים מגיעים (בלי שלד מהבהב ובלי החלקה) */
:where(.pg-home) #topbar .tb-main{ transition:opacity .4s ease; }
:where(.pg-home) #topbar.tb-loading .tb-main, :where(.pg-home) #topbar.tb-loading .tb-sub{ opacity:0; }
:where(.pg-home) #topbar .tb-pill{ cursor:pointer; }
:where(.pg-home) #topbar .tb-sub{ display:none; }
/* מעבר בין מצבי הבאנר (טעינה, אין מפגש, יש מפגש): הטקסטים נכנסים בהחלקה קלה ובדהייה, בזה אחר זה */
:where(.pg-home) #topbar .tb-in.tb-swap > *{ animation:tbIn .5s cubic-bezier(.22,.8,.2,1) both; }
:where(.pg-home) #topbar .tb-in.tb-swap > :nth-child(2){ animation-delay:.07s; }
:where(.pg-home) #topbar .tb-in.tb-swap > :nth-child(3){ animation-delay:.14s; }
@keyframes tbIn{ from{ opacity:0; transform:translateY(9px); } to{ opacity:1; transform:none; } }
@media (prefers-reduced-motion:reduce){ :where(.pg-home) #topbar .tb-in.tb-swap > *{ animation:none; } }
@keyframes tbShim{ from{ background-position:200% 0; } to{ background-position:-200% 0; } }
@keyframes tbDots{ 0%{ content:''; } 25%{ content:'.'; } 50%{ content:'..'; } 75%{ content:'...'; } }
@media (prefers-reduced-motion:reduce){ :where(.pg-home) #topbar.tb-loading .tb-main, :where(.pg-home) #topbar.tb-loading .tb-sub, :where(.pg-home) #topbar.tb-loading .tb-pill #tbPillT::after{ animation:none; } }
/* ===== כרטיס מפגש (27.10.26): כרטיס אחד, אותם אלמנטים בשני המצבים, ממוזער ומורחב =====
     התמונה ממלאת את כל הכרטיס (רוחב קבוע, והגובה גדל במעבר, לכן נוצר זום פנימה); כל הטקסטים מעל התמונה, לבנים עם צל ושכבת הכהיה.
     במעבר אותם אלמנטים משנים גודל ומקום (התאריך גדל, מופיעים הכפתור והמדרגות), ושום אלמנט לא משוכפל. */
/* כפתור ההרשמה הקבוע: בזמן שמפגשים עתידיים בתצוגה הוא יורד ונעלם באנימציה (וחוזר כשיוצאים מהם) */
:where(.pg-home) #stickyReg{ transition:transform .45s cubic-bezier(.22,.8,.2,1), opacity .35s ease; }
:where(.pg-home) #stickyReg.cta-away{ transform:translateY(130%); opacity:0; }
:where(.pg-home) #stickyReg.cta-away [data-contact]{ pointer-events:none !important; }
:where(.pg-home) #stickyReg.cta-off{ transform:translateY(130%); opacity:0; }   /* בטעינה: מוסתר עד שברור שיש מפגש להירשם אליו, ואז עולה */
:where(.pg-home) #stickyReg.cta-off [data-contact]{ pointer-events:none !important; }
@media (prefers-reduced-motion:reduce){ :where(.pg-home) #stickyReg{ transition:none; } }
:where(.pg-home) .mt-list{ display:flex; flex-direction:column; gap:.9rem; }
:where(.pg-home) .mt-skel{ height:15rem; border-radius:26px; background:linear-gradient(90deg, rgba(229,86,45,.10) 25%, rgba(229,86,45,.22) 50%, rgba(229,86,45,.10) 75%); background-size:200% 100%; animation:mtShim 1.3s linear infinite; }
@keyframes mtShim{ from{ background-position:200% 0; } to{ background-position:-200% 0; } }
:where(.pg-home) .mt-card{ position:relative; isolation:isolate; overflow:hidden; container-type:inline-size; border-radius:26px; color:#FFFDF9; text-align:center; background:linear-gradient(135deg,#5b4a40 0%,#2C231D 100%); box-shadow:0 0 14px 0 rgba(200,65,27,.2); cursor:pointer; -webkit-tap-highlight-color:transparent; }
:where(.pg-home) .mt-card.still{ cursor:default; }
:where(.pg-home) .mt-bg{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; z-index:-2; }
:where(.pg-home) .mt-card::before{ content:''; position:absolute; inset:0; z-index:-1; background:linear-gradient(to bottom, rgba(28,19,14,.55) 0%, rgba(28,19,14,.68) 100%); transition:background .5s ease; }
:where(.pg-home) .mt-card.open::before{ background:linear-gradient(to bottom, rgba(28,19,14,.6) 0%, rgba(28,19,14,.74) 100%); }
:where(.pg-home) .mt-in{ position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:.2rem; min-height:25cqw; padding:.7rem 1.1rem; text-shadow:0 1px 8px rgba(0,0,0,.6); }
:where(.pg-home) .mt-card.open .mt-in{ padding-top:1.5rem; padding-bottom:1.5rem; gap:.45rem; }
:where(.pg-home) .mt-name{ font-weight:700; font-size:.88rem; line-height:1.25; opacity:.95; transition:font-size .5s cubic-bezier(.22,.8,.2,1); }
:where(.pg-home) .mt-when{ font-weight:800; font-size:1.12rem; line-height:1.2; transition:font-size .5s cubic-bezier(.22,.8,.2,1); }
:where(.pg-home) .mt-note{ margin-top:.7rem; font-size:.92rem; line-height:1.45; font-weight:600; color:rgba(255,253,249,.92); text-shadow:0 1px 8px rgba(0,0,0,.45); text-align:center; }
:where(.pg-home) .mt-city{ font-weight:600; font-size:.88rem; line-height:1.25; opacity:.95; transition:font-size .5s cubic-bezier(.22,.8,.2,1); }
:where(.pg-home) .mt-card.open .mt-name{ font-size:1.1rem; }
:where(.pg-home) .mt-card.open .mt-when{ font-size:clamp(1.3rem,6cqw,1.9rem); white-space:nowrap; }
:where(.pg-home) .mt-card.open .mt-city{ font-size:1.1rem; }
:where(.pg-home) .mt-chev{ position:absolute; top:50%; inset-inline-start:.7rem; width:2rem; height:2rem; margin-top:-1rem; display:grid; place-items:center; color:#FFFDF9; background:rgba(255,253,249,.16); border-radius:50%; transition:transform .45s cubic-bezier(.22,.8,.2,1), top .5s cubic-bezier(.22,.8,.2,1), margin .5s; }
:where(.pg-home) .mt-chev svg{ width:1.2rem; height:1.2rem; }
:where(.pg-home) .mt-card.open .mt-chev{ top:.7rem; margin-top:0; transform:rotate(180deg); }
:where(.pg-home) .mt-more{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .5s cubic-bezier(.22,.8,.2,1); width:100%; }
:where(.pg-home) .mt-card.open .mt-more{ grid-template-rows:1fr; }
:where(.pg-home) .mt-more > div{ overflow:hidden; min-height:0; display:flex; flex-direction:column; align-items:center; gap:.85rem; opacity:0; transform:translateY(-6px); visibility:hidden; transition:opacity .4s ease, transform .5s cubic-bezier(.22,.8,.2,1), visibility 0s .5s; }
:where(.pg-home) .mt-card.open .mt-more > div{ opacity:1; transform:none; visibility:visible; transition-delay:.06s, .06s, 0s; padding-top:.35rem; }
:where(.pg-home) .mt-tiers{ display:flex; flex-wrap:wrap; justify-content:center; gap:.2rem .9rem; }
:where(.pg-home) .mt-tier{ display:inline-flex; gap:.35rem; font-size:1.02rem; font-weight:600; color:#FFFDF9; opacity:.9; text-shadow:0 1px 6px rgba(0,0,0,.55); }
:where(.pg-home) .mt-tier.done{ opacity:.8; text-decoration:line-through; text-decoration-thickness:1.5px; } /* מחוק רק מה שעבר; מדרגה עתידית רגילה */
:where(.pg-home) .mt-tier b{ font-weight:800; }
:where(.pg-home) .mt-cta{ display:inline-flex; align-items:center; justify-content:center; border-radius:999px; background:#FFFDF9; color:#C8411B; font-weight:700; font-size:1.1rem; padding:.8rem 1.9rem; min-height:50px; text-shadow:none; box-shadow:0 10px 22px -10px rgba(0,0,0,.6); }
:where(.pg-home) .mt-card.is-past{ opacity:.5; }
:where(.pg-home) .mt-chev{ display:none; }
@media (prefers-reduced-motion:reduce){ :where(.pg-home) .mt-skel{ animation:none; } :where(.pg-home) .mt-more, :where(.pg-home) .mt-more > div, :where(.pg-home) .mt-chev, :where(.pg-home) .mt-name, :where(.pg-home) .mt-when, :where(.pg-home) .mt-city, :where(.pg-home) .mt-card::before{ transition:none; } }
/* ===== v8: פתיחה לפי המוקאפ (30.10.26) ===== */
:where(.pg-home) body{ padding-bottom:6rem; }
:where(.pg-home) #topbar .tb-sub{ display:none; }
:where(.pg-home) .h8{ position:relative; overflow:hidden; isolation:isolate; background:var(--cream); padding:1.6rem 0 1.4rem; }
/* קישוטים: כתמים אורגניים, עלים, ניצוצות */
:where(.pg-home) .h8-deco{ position:absolute; z-index:-1; pointer-events:none; }
:where(.pg-home) .h8-blob-tl{ width:44vw; max-width:420px; aspect-ratio:1; top:-14%; left:-20%; background:var(--sage); opacity:.42; border-radius:42% 58% 63% 37%/48% 40% 60% 52%; }
:where(.pg-home) .h8-blob-tr{ width:40vw; max-width:380px; aspect-ratio:1; top:-10%; right:-22%; background:var(--sand); opacity:.75; border-radius:58% 42% 40% 60%/50% 58% 42% 50%; }
:where(.pg-home) .h8-blob-br{ width:46vw; max-width:440px; aspect-ratio:1; bottom:-18%; right:-18%; background:var(--sand); opacity:.7; border-radius:50% 50% 38% 62%/58% 44% 56% 42%; }
:where(.pg-home) .h8-leaves-tr{ width:46px; top:.9rem; right:.5rem; color:var(--sage); transform-origin:50% 100%; animation:h8sway 7s ease-in-out infinite; }
:where(.pg-home) .h8-leaves-bl{ width:90px; bottom:-.4rem; left:-.4rem; color:var(--sage); transform-origin:0 100%; animation:h8sway 9s ease-in-out infinite reverse; }
:where(.pg-home) .h8-hwrap{ position:relative; }
:where(.pg-home) .h8-spark{ position:absolute; pointer-events:none; color:var(--terra); width:26px; animation:h8spark 3.2s ease-in-out infinite; }
:where(.pg-home) .h8-spark.s1{ top:.2rem; left:8%; }
:where(.pg-home) .h8-spark.s2{ bottom:.4rem; right:-.2rem; transform:scaleX(-1); animation-delay:-1.1s; }
:where(.pg-home) .h8-deco.h8-spark{ position:absolute; }
:where(.pg-home) .h8-spark.s3{ bottom:1.4rem; right:1.2rem; width:24px; transform:rotate(90deg); animation-delay:-2s; }
@keyframes h8sway{ 0%,100%{ rotate:0deg; } 50%{ rotate:4deg; } }
@keyframes h8spark{ 0%,100%{ opacity:1; scale:1; } 50%{ opacity:.55; scale:.88; } }
:where(.pg-home) .h8-in{ position:relative; width:100%; max-width:1600px; margin:0 auto; display:grid; grid-template-columns:1fr; }
:where(.pg-home) .h8-copy{ text-align:center; padding:0 1.25rem; }
:where(.pg-home) .h8-hand{ font-size:2.6rem; color:var(--terra); line-height:1; display:inline-block; }
:where(.pg-home) .h8-hand svg{ display:block; width:76%; height:10px; margin:.2rem auto 0; color:var(--sage); }
:where(.pg-home) .h8-h1{ font-family:"Rubik",sans-serif; font-weight:700; color:var(--ink); font-size:clamp(2.55rem,11.4vw,5.6rem); line-height:1.06; letter-spacing:-.02em; margin:.55rem auto .7rem; max-width:13ch; text-wrap:balance; }
:where(.pg-home) .h8-lead{ font-size:clamp(1.22rem,4.6vw,1.6rem); line-height:1.45; color:var(--muted); max-width:24em; margin:0 auto .6rem; text-wrap:balance; }
:where(.pg-home) .h8-small{ font-size:clamp(1.02rem,3.8vw,1.22rem); line-height:1.5; color:var(--muted); margin:0 auto 1.15rem; }
:where(.pg-home) .h8-pills{ list-style:none; margin:0 auto 1.2rem; padding:0; display:flex; justify-content:center; gap:.45rem; flex-wrap:wrap; }
:where(.pg-home) .h8-pills li{ display:inline-flex; align-items:center; gap:.4rem; min-height:44px; padding:.3rem .85rem; border-radius:999px; font-weight:700; font-size:1rem; color:var(--ink); background:rgba(141,178,85,.22); }
:where(.pg-home) .h8-pills li svg{ width:22px; height:22px; flex:0 0 auto; color:var(--olive); }
:where(.pg-home) .h8-pills li.mv{ background:rgba(255,138,92,.22); }
:where(.pg-home) .h8-pills li.mv svg{ color:var(--terra); }
:where(.pg-home) .h8-photo{ position:relative; margin:0; }
:where(.pg-home) .h8-frame{ position:relative; overflow:hidden; aspect-ratio:864/430; clip-path:url(#h8wave); background:var(--sand); }
:where(.pg-home) .h8-media{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:50% 30%; display:block; }
:where(.pg-home) .h8-cta{ display:flex; justify-content:center; padding:.5rem 1.25rem 0; }
:where(.pg-home) .h8-btn{ width:min(100%,24rem); min-height:62px; border-radius:999px; background:var(--terra); color:var(--paper); font-weight:700; font-size:1.32rem; cursor:pointer; box-shadow:0 16px 30px -18px rgba(229,86,45,.95); }
:where(.pg-home) .h8-link{ color:var(--ink); font-weight:600; font-size:1.15rem; text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:1.5px; padding:.6rem .5rem; }
:where(.pg-home) .h8-cta-d{ display:none; }
@media (min-width:1024px){ :where(.pg-home) .h8{ padding:3.2rem 0 3.4rem; } :where(.pg-home) .h8-in{ grid-template-columns:minmax(0,1fr) minmax(0,1.08fr); align-items:center; gap:3.5vw; padding:0 4vw; } :where(.pg-home) .h8-copy{ text-align:right; padding:0; } :where(.pg-home) .h8-hand{ font-size:3.4rem; } :where(.pg-home) .h8-hand svg{ margin-inline:0; } :where(.pg-home) .h8-h1{ margin-inline:0; max-width:none; font-size:clamp(3.6rem,5.4vw,6rem); } :where(.pg-home) .h8-lead, :where(.pg-home) .h8-small{ margin-inline:0; } :where(.pg-home) .h8-pills{ justify-content:flex-start; margin-inline:0; } :where(.pg-home) .h8-frame{ aspect-ratio:auto; height:min(70vh,640px); } :where(.pg-home) .h8-cta{ display:none; } :where(.pg-home) .h8-cta-d{ display:flex; flex-direction:row; align-items:center; gap:1.8rem; padding:0; margin-top:.4rem; } :where(.pg-home) .h8-cta-d .h8-btn{ width:auto; padding:0 2.6rem; } :where(.pg-home) .h8-leaves-tr{ width:70px; top:1.6rem; right:1.6rem; } :where(.pg-home) .h8-spark{ width:32px; } :where(.pg-home) .h8-spark.s1{ top:.4rem; left:auto; right:calc(100% + .8rem); } :where(.pg-home) .h8-spark.s2{ bottom:.6rem; right:auto; left:-3rem; transform:none; } :where(.pg-home) .h8-hwrap{ display:inline-block; } :where(.pg-home) .h8-copy > .h8-hwrap{ display:block; width:fit-content; } :where(.pg-home) .h8-spark.s3{ bottom:2rem; right:3rem; } :where(.pg-home) .h8-leaves-bl{ width:150px; } }
/* בדסקטופ: כל רוחב המסך */
@media (min-width:1024px){ :where(.pg-home) section > .max-w-2xl, :where(.pg-home) section > .max-w-3xl, :where(.pg-home) section > .max-w-4xl, :where(.pg-home) section > .max-w-5xl, :where(.pg-home) section > .max-w-6xl{ max-width:min(1500px,92vw) !important; } }
/* כפתורים בפינות ישרות (30.10.26) */
/* כל הכפתורים והשדות בלי פינות מעוגלות (30.10.26): גם בפופאפ ההרשמה (המעטפת המשותפת לא שונתה, הדריסה כאן) */
:where(.pg-home) .btn-primary, :where(.pg-home) .btn-light, :where(.pg-home) .btn-ghost, :where(.pg-home) .btn-green, :where(.pg-home) .btn-wa-sm, :where(.pg-home) .h8-btn, :where(.pg-home) .mt-cta, :where(.pg-home) [data-updates], :where(.pg-home) [data-wa], :where(.pg-home) #stickyRegBtn, :where(.pg-home) #methodBtn, :where(.pg-home) a[data-contact], :where(.pg-home) button[data-contact], :where(.pg-home) .modal input, :where(.pg-home) .modal select, :where(.pg-home) .modal textarea, :where(.pg-home) .modal button:not(.grab), :where(.pg-home) .modal .wacard, :where(.pg-home) .modal a.su-pay, :where(.pg-home) .modal [data-paybox]{ border-radius:0 !important; }
/* ===== כרטיסי המפגשים (30.10.26): תמונה למעלה, פס מידע בהיר מתחתיה, כפתור מלא בפינות ישרות ===== */
:where(.pg-home) .mt-list{ gap:1.1rem; }
:where(.pg-home) .mt-skel{ border-radius:0; }
:where(.pg-home) .mt-card{ border-radius:0; color:var(--ink); background:var(--paper); text-align:center; box-shadow:0 22px 44px -28px rgba(44,35,29,.55); border-bottom:5px solid var(--terra); }
:where(.pg-home) .mt-card::before{ display:none; }
:where(.pg-home) .mt-bg{ position:relative; inset:auto; z-index:0; display:block; width:100%; height:auto; aspect-ratio:16/8; object-fit:cover; filter:saturate(1.1) contrast(1.02); }
:where(.pg-home) .mt-in{ min-height:0; padding:1.05rem 1.2rem 1.25rem; gap:.15rem; text-shadow:none; }
:where(.pg-home) .mt-card.open .mt-in{ padding:1.1rem 1.2rem 1.35rem; gap:.3rem; }
:where(.pg-home) .mt-name, :where(.pg-home) .mt-card.open .mt-name{ font-size:.95rem; font-weight:800; color:var(--terra); opacity:1; letter-spacing:.01em; }
:where(.pg-home) .mt-when, :where(.pg-home) .mt-card.open .mt-when{ font-size:clamp(1.45rem,7cqw,2rem); font-weight:800; color:var(--ink); }
:where(.pg-home) .mt-city, :where(.pg-home) .mt-card.open .mt-city{ font-size:1.02rem; font-weight:600; color:var(--muted); opacity:1; display:inline-flex; align-items:center; gap:.45rem; }
:where(.pg-home) .mt-city::before{ content:""; width:.55rem; height:.55rem; background:#0F8A93; flex:0 0 auto; }
:where(.pg-home) .mt-more > div{ gap:.7rem; width:100%; }
:where(.pg-home) .mt-cta{ width:100%; max-width:22rem; background:var(--terra); color:var(--paper); font-size:1.2rem; font-weight:800; min-height:56px; padding:.8rem 1.4rem; box-shadow:0 14px 26px -16px rgba(229,86,45,.95); text-shadow:none; }
:where(.pg-home) .mt-tier{ color:var(--muted); opacity:1; text-shadow:none; font-size:.98rem; }
:where(.pg-home) .mt-tier.done{ opacity:.65; }
:where(.pg-home) .mt-tier b{ color:var(--ink); }
:where(.pg-home) .mt-note{ color:var(--muted); text-shadow:none; }
/* מפגש שעבר: שורה קומפקטית, בלי תמונה */
:where(.pg-home) .mt-card.is-past{ opacity:1; background:transparent; box-shadow:none; border:1.5px dashed rgba(44,35,29,.22); border-bottom-width:1.5px; }
:where(.pg-home) .mt-card.is-past .mt-bg{ display:none; }
:where(.pg-home) .mt-card.is-past .mt-in{ padding:.75rem 1rem; flex-direction:row; flex-wrap:wrap; justify-content:center; gap:.2rem .7rem; }
:where(.pg-home) .mt-card.is-past .mt-name{ display:none; }
:where(.pg-home) .mt-card.is-past .mt-when{ font-size:1.05rem; color:var(--muted); }
:where(.pg-home) .mt-card.is-past .mt-city{ font-size:.95rem; }
:where(.pg-home) .mt-card.is-past .mt-city::before{ background:var(--sand); }
/* מפגשים שהסתיימו: מלבן מקווקו אחד, כותרת קטנה ושורה ממורכזת לכל מפגש (עד 3 אחרונים), סימטרי כמו שאר הכרטיסים */
:where(.pg-home) .mt-pastlist{ border:1.5px dashed rgba(44,35,29,.22); padding:.5rem 1rem .25rem; text-align:center; }
:where(.pg-home) .mt-ptitle{ font-size:.82rem; font-weight:700; color:var(--muted); letter-spacing:.02em; padding-bottom:.2rem; }
:where(.pg-home) .mt-prow{ padding:.55rem 0; font-size:1rem; font-weight:700; color:var(--muted); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(.pg-home) .mt-prow + .mt-prow{ border-top:1px dashed rgba(44,35,29,.16); }
@media (min-width:1024px){ :where(.pg-home) .mt-bg{ aspect-ratio:16/7; } }
:where(.pg-home) .card-soft{ border-radius:40px !important; box-shadow:0 34px 70px -46px rgba(44,35,29,.4) !important; }
@media (prefers-reduced-motion:reduce){ :where(.pg-home) .h8-leaves-tr, :where(.pg-home) .h8-leaves-bl, :where(.pg-home) .h8-spark{ animation:none; } }
/* תמונות שלבים 2 ו-3: ברוחב של שתי התמונות של שלב 4 יחד ובגובה שלהן (30.10.26) */
:where(.pg-home) .step-wide{ container-type:inline-size; }
:where(.pg-home) .step-wide .shape{ width:100%; height:calc((100cqw - .75rem) / 2); }
@media (min-width:768px){ :where(.pg-home) .step-wide .shape{ height:calc((100cqw - 1rem) / 2); } }
:where(.pg-home) .step-wide img[src*="dance-foot"]{ object-position:50% 78%; }
:where(.pg-home) .step-wide img[src*="dance-energy"]{ object-position:50% 28%; }
/* ===== הזדהות והנעה לפעולה (#stuck): רצועה לכל הרוחב, טקסט ממורכז (30.10.26) ===== */
:where(.pg-home) #stuck{ background:#FFEAD2; padding:2.6rem 1.25rem 2.8rem; } /* = החול השקוף (.38) על השמנת, כצבע אחיד */
/* מעבר חלק מהתמונה לפסקה: במובייל הגל התחתון של התמונה נפתח ישר אל צבע הרצועה (בלי פס שמנת ובלי קישוטים ביניהם); בדסקטופ הרצועה נכנסת בדהייה רכה */
@media (max-width:1023px){ :where(.pg-home) .h8{ padding-bottom:0; } :where(.pg-home) .h8-photo{ background:linear-gradient(180deg, transparent 55%, #FFEAD2 55%); } :where(.pg-home) .h8-blob-br, :where(.pg-home) .h8-spark.s3, :where(.pg-home) .h8-leaves-bl{ display:none; } :where(.pg-home) #stuck{ padding-top:1.6rem; } }
@media (min-width:1024px){ :where(.pg-home) .h8{ padding-bottom:1.5rem; } :where(.pg-home) #stuck{ background:linear-gradient(180deg, #FFF5E8 0, #FFEAD2 5rem); padding-top:4rem; } :where(.pg-home) .h8-blob-br{ display:none; } }
:where(.pg-home) .stuck-in{ max-width:34rem; margin:0 auto; text-align:center; }
:where(.pg-home) .stuck-h{ font-family:"Rubik",sans-serif; font-weight:700; font-size:clamp(1.75rem,7.4vw,2.5rem); line-height:1.2; color:var(--ink); margin:0 0 .7rem; }
:where(.pg-home) .stuck-sub{ font-family:"Rubik",sans-serif; font-weight:500; font-size:clamp(1.12rem,4.5vw,1.35rem); line-height:1.45; color:var(--muted); margin:0 0 1.4rem; }
:where(.pg-home) .stuck-p{ font-size:clamp(1.05rem,4vw,1.2rem); line-height:1.7; color:var(--muted); margin:0 auto 1.5rem; max-width:30rem; text-wrap:balance; }
:where(.pg-home) .stuck-lbl{ font-weight:700; font-size:1.05rem; color:var(--ink); margin:0 0 .6rem; }
:where(.pg-home) .stuck-tags{ list-style:none; margin:0 auto 1.6rem; padding:0; display:grid; grid-template-columns:1fr 1fr; gap:.5rem; max-width:20rem; }
@media (min-width:768px){ :where(.pg-home) .stuck-tags{ grid-template-columns:repeat(4, auto); max-width:none; justify-content:center; } }
:where(.pg-home) .stuck-tags li{ padding:.45rem .9rem; background:var(--paper); border:1px solid rgba(44,35,29,.16); font-weight:700; font-size:1rem; color:var(--ink); }
:where(.pg-home) .stuck-end{ font-family:"Rubik",sans-serif; font-weight:600; font-size:clamp(1.15rem,4.6vw,1.4rem); line-height:1.4; color:var(--ink); margin:0 0 .5rem; }
:where(.pg-home) .stuck-cta{ font-family:"Rubik",sans-serif; font-weight:700; font-size:clamp(1.2rem,4.8vw,1.45rem); color:var(--terra); margin:0; }
/* ===== בלי אנימציות בדף (30.10.26): הכול במקום מההתחלה, גלילה רגילה. נשארו רק פעולות (פתיחת פופאפ, צמצום הבאנר בגלילה) ===== */
:where(.pg-home) .reveal, :where(.pg-home) .reveal.in{ opacity:1 !important; transform:none !important; transition:none !important; }
:where(.pg-home) [data-parallax]{ transform:none !important; }
:where(.pg-home) #invite *, :where(.pg-home) #invite *::before, :where(.pg-home) #invite *::after, :where(.pg-home) main *, :where(.pg-home) main *::before, :where(.pg-home) main *::after, :where(.pg-home) footer *, :where(.pg-home) #topbar *{ animation:none !important; }
:where(.pg-home) .mt-more, :where(.pg-home) .mt-more > div, :where(.pg-home) .mt-name, :where(.pg-home) .mt-when, :where(.pg-home) .mt-city, :where(.pg-home) .mt-card::before, :where(.pg-home) #topbar .tb-main{ transition:none !important; }
/* רווח מתחת לכפתור "להכיר לעומק את שיטת הביודנסה", לפני רצועת המנחים (30.10.26) */
:where(.pg-home) #method{ padding-bottom:2.8rem !important; }
:where(.pg-home) #topbar .tb-pill{ border-radius:0 !important; } /* הצ'יף "המפגש הקרוב" בבאנר בלי פינות מעוגלות */
/* גבהים קבועים בפתיחה, כדי שהחלפת הגופנים בטעינה לא תזיז את הטקסט (30.10.26) */
:where(.pg-home) .h8-hand{ height:calc(2.6rem + 10px + .2rem); line-height:2.6rem; display:block !important; width:fit-content; margin-inline:auto; } /* בלוק ולא inline-block: בלי יישור לקו הבסיס של הגופן, שמשתנה בהחלפת הגופנים */
:where(.pg-home) .h8-copy > .h8-hwrap{ line-height:0; }
@media (min-width:1024px){ :where(.pg-home) .h8-hand{ height:calc(3.4rem + 10px + .2rem); line-height:3.4rem; margin-inline:0; } }
/* שלד הטעינה של המפגשים בגודל של מפגש שעבר ועוד כרטיס מפגש מלא, כדי שבביקור הראשון הקפיצה תהיה מינימלית */
:where(.pg-home) #mList{ container-type:inline-size; }
:where(.pg-home) .mt-skel{ height:calc(4.4rem + 1.4rem + 50cqw + 13.6rem); }
@media (min-width:1024px){ :where(.pg-home) .mt-skel{ height:calc(4.4rem + 1.1rem + 43.75cqw + 12.9rem); } }
/* ===== דסקטופ (31.10.26): המפגשים כקוביות בשורה אופקית ממורכזת, והאזור האישי הוא הקובייה האחרונה בשורה ===== */
:where(.pg-home) #mList > #meAreaCard{ margin-top:.4rem; }
:where(.pg-home) #tbCta, :where(.pg-home) #tbCta[hidden]{ display:none; }
:where(.pg-home) .mt-prow > div{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }   /* מפגש שהסתיים: שורה למועד ושורה לעיר · מיקום */
:where(.pg-home) .mt-pwhere{ margin-top:.15rem; font-size:.9rem; font-weight:600; }
:where(.pg-home) .mt-ppl{ display:inline-flex; align-items:center; gap:.25rem; margin-inline-start:-.2rem; }   /* כמות המשתתפים: המספר וסמל של אדם במקום המילה; הנקודה באותו מרווח כמו "עיר · מיקום" */
:where(.pg-home) .mt-ppl i{ font-style:normal; }
:where(.pg-home) .mt-ppl b{ font-weight:inherit; }
:where(.pg-home) .mt-ppl svg{ width:1em; height:1em; flex:0 0 auto; }
@media (min-width:1024px){
  :where(.pg-home) #mList{ flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:stretch; gap:1.5rem; }
  :where(.pg-home) #mList > .mt-card, :where(.pg-home) #mList > #meAreaCard, :where(.pg-home) #mList > .mt-skel{ flex:1 1 15rem; max-width:19rem; min-width:0; }
  :where(.pg-home) #mList > .mt-pastlist{ flex:1 1 16rem; max-width:20rem; display:flex; flex-direction:column; justify-content:flex-start; padding:1rem 1rem .25rem; }   /* הכותרת והמפגשים למעלה, ורחב מספיק כדי שכל שורה תיכנס בשורה אחת */
  :where(.pg-home) #mList .mt-prow{ font-size:.95rem; }
  :where(.pg-home) #mList > #meAreaCard > span:first-child{ font-size:1.65rem !important; }
  :where(.pg-home) #mList > .mt-skel{ height:26rem; }
  :where(.pg-home) #mList > .mt-card{ display:flex; flex-direction:column; }
  :where(.pg-home) #mList > .mt-card .mt-bg{ aspect-ratio:16/9; flex:0 0 auto; }
  :where(.pg-home) #mList > .mt-card .mt-in{ flex:1 1 auto; justify-content:flex-start; }
  :where(.pg-home) #mList > .mt-card .mt-more{ margin-top:auto; }
  :where(.pg-home) #mList > .mt-card .mt-when{ font-size:1.4rem; }
  html.gl-on #mList > #meAreaCard{ display:flex; flex-direction:column; justify-content:center; align-items:center; margin-top:0; }
  /* קריאה לפעולה בדסקטופ: כפתור ההרשמה בבאנר הקבוע (בצד שמאל), והכפתור הקבוע בתחתית (דפוס של מובייל) לא מוצג */
  :where(.pg-home) #stickyReg{ display:none !important; }
  :where(.pg-home) #tbCta{ display:inline-flex; align-items:center; position:absolute; top:50%; left:4vw; transform:translateY(-50%); height:calc(2.9rem - 1rem * var(--p)); padding:0 1.6rem; background:var(--terra); color:var(--paper); font-weight:800; font-size:1.05rem; white-space:nowrap; text-decoration:none; cursor:pointer; box-shadow:0 10px 22px -12px rgba(0,0,0,.55); }
  :where(.pg-home) #tbCta:hover{ background:#C8411B; }
  :where(.pg-home) #tbCta:focus-visible{ outline:3px solid var(--paper); outline-offset:2px; }
  /* תמונת הפתיחה: מלבן נקי עם משטח חול מוסט מאחוריו ופס טרקוטה בבסיס (כמו כרטיסי המפגשים), במקום הקצוות הגליים של המובייל */
  :where(.pg-home) .h8-photo{ margin:0 0 1.4rem 1.4rem; }
  :where(.pg-home) .h8-photo::before{ content:""; position:absolute; top:1.4rem; right:1.4rem; bottom:-1.4rem; left:-1.4rem; background:var(--sand); }
  :where(.pg-home) .h8-frame{ clip-path:none; border-bottom:6px solid var(--terra); box-shadow:0 30px 60px -36px rgba(44,35,29,.55); }
}
/* ===== צבעים אחידים (30.10.26): צבעים שמוגדרים קבוע בקוד המשותף (shared/register.css) מותאמים כאן לפלטה של v8 ===== */
html:where(.pg-home) .btn-green{ background:var(--olive) !important; color:var(--paper) !important; }
html:where(.pg-home) #methodBtn{ background:linear-gradient(120deg,#064452 0%,#0A6170 55%,#0F8A93 100%) !important; color:var(--paper) !important; } /* "להכיר לעומק את שיטת הביודנסה" בצבעי הבאנר העליון */
html:where(.pg-home) .modal-close:focus-visible{ outline-color:var(--terra); }
html:where(.pg-home) .su-glink, :where(.pg-home) .su-ame{ color:#0A6170; }
html:where(.pg-home) .mesp{ background:linear-gradient(120deg,#064452 0%,#0A6170 55%,#0F8A93 100%) !important; }
/* ===== בלי פינות מעוגלות בשום כרטיס או תמונה, וסקשנים עם תמונה לכל הרוחב במובייל (30.10.26) ===== */
:root:where(.pg-home){ --r-lg:0px; --r-md:0px; }
:where(.pg-home) .card-soft, :where(.pg-home) .hero-img, :where(.pg-home) .imgframe, :where(.pg-home) .sticker, :where(.pg-home) .mt-card, :where(.pg-home) .mt-skel, :where(.pg-home) #meAreaCard, :where(.pg-home) #register .rounded-\[32px\], :where(.pg-home) .field, :where(.pg-home) details{ border-radius:0 !important; }
:where(.pg-home) .shape-blob, :where(.pg-home) .shape-blob.t1, :where(.pg-home) .shape-blob.t2, :where(.pg-home) .shape-blob.t3{ border-radius:0 !important; transform:none !important; animation:none !important; }
:where(.pg-home) .shape-blob img, :where(.pg-home) .shape-blob.t1 img, :where(.pg-home) .shape-blob.t2 img, :where(.pg-home) .shape-blob.t3 img{ transform:none !important; }
:where(.pg-home) #gaze .relative{ clip-path:inset(-300px 0 0 0) !important; }
:where(.pg-home) #gaze .relative > .absolute{ border-radius:0 !important; }
:where(.pg-home) #heroPicWrap > svg{ display:none; }
/* ===== מי מלווה את המפגשים: רצועה לכל הרוחב, בלי כרטיסים ובלי עיגולים; תמונה מרובעת ליד הטקסט (30.10.26) ===== */
:where(.pg-home) #facilitators{ background:rgba(255,216,174,.38); padding-top:2.6rem; padding-bottom:2.4rem; margin-top:0; }
:where(.pg-home) #facilitators article.card-soft{ background:none; box-shadow:none !important; display:grid; grid-template-columns:8.5rem minmax(0,1fr); grid-template-rows:auto 1fr auto; column-gap:1.1rem; text-align:right; padding:1.1rem 0 !important; align-items:start; }
:where(.pg-home) #facilitators article img{ grid-row:1 / span 2; width:100% !important; height:auto !important; aspect-ratio:4/5; object-fit:cover; border-radius:0 !important; box-shadow:none !important; margin:0 !important; }
:where(.pg-home) #facilitators article h3{ margin:0 0 .35rem; font-size:1.4rem; line-height:1.2; }
:where(.pg-home) #facilitators article p{ font-size:.98rem; line-height:1.55; margin:0; }
/* כפתור הוואטסאפ: ירוק, מתחת לתמונה ולטקסט יחד, לכל רוחב השורה */
:where(.pg-home) #facilitators article .btn-wa-sm{ grid-column:1 / -1; grid-row:3; justify-self:stretch; width:100%; margin-top:1.1rem; min-height:52px; padding:.7rem 1.05rem; font-size:1.08rem; background:var(--olive); color:var(--paper); }
:where(.pg-home) #facilitators .grid{ gap:0 !important; }
@media (min-width:768px){ :where(.pg-home) #facilitators .grid{ column-gap:3rem !important; } :where(.pg-home) #facilitators article.card-soft{ grid-template-columns:11rem minmax(0,1fr); } }
@media (max-width:1023px){ :where(.pg-home) #listen .card-soft, :where(.pg-home) #heroPicWrap > .relative, :where(.pg-home) #register .rounded-\[32px\]{ margin-inline:calc(50% - 50vw); width:auto; } :where(.pg-home) #listen .card-soft{ box-shadow:none !important; } :where(.pg-home) #mList{ gap:1.4rem; } :where(.pg-home) #register{ padding-top:0 !important; padding-bottom:0 !important; } :where(.pg-home) .hero-img{ box-shadow:none !important; } }

/* ===================== דף הביודנסה (biodanza/) ===================== */
/* כניסה: מילים נחשפות אחת־אחת (טשטוש שנעלם, בלי תזוזה אנכית), ואז "תנועה חדשה" נחשפת מימין לשמאל
     בקצה רך כמו משב רוח, משיכת המכחול נמתחת מאחוריה, והסרטים מתחתיה מופיעים */
:where(.pg-bio) .hero-in .w{ display:inline-block; opacity:0; filter:blur(6px);
    animation:wordIn 1s cubic-bezier(.2,.7,.2,1) forwards; }
/* "תנועה" ואז "חדשה?" — כל מילה נכנסת בנפרד, מימין לשמאל בקצה רך כמו משב רוח (בלי ציר Y), ואז דוממת */
:where(.pg-bio) .hero-in .key .kw{
    -webkit-mask-image:linear-gradient(270deg, #000 42%, transparent 58%); mask-image:linear-gradient(270deg, #000 42%, transparent 58%);
    -webkit-mask-size:320% 100%; mask-size:320% 100%;
    -webkit-mask-position:0% 0; mask-position:0% 0;
    animation:keyIn 1.25s cubic-bezier(.4,.05,.25,1) both;
  }
:where(.pg-bio) .hero-in .key .kw1{ animation-delay:2.05s; }
:where(.pg-bio) .hero-in .key .kw2{ animation-delay:2.75s; }
/* שלוש נקודות אחרי "שלך" — מופיעות אחת־אחת, פועמות רגע, ומתמוססות כש"תנועה חדשה" נכנסת לאותו מקום */
/* עטיפה ברוחב 0 על קו הבסיס — הנקודות יושבות בתחתית השורה כמו "..." אמיתי, בלי להזיז את הטקסט */
:where(.pg-bio) .dots{ display:inline-block; width:0; overflow:visible; white-space:nowrap; vertical-align:baseline; padding-inline-start:.14em;
    animation:dotsOut .7s ease 1.9s forwards; }
:where(.pg-bio) .dots i:nth-child(1){ animation-delay:.85s, 1.3s; }
:where(.pg-bio) .dots i:nth-child(2){ animation-delay:1.05s, 1.45s; }
:where(.pg-bio) .dots i:nth-child(3){ animation-delay:1.25s, 1.6s; }
/* הדף "מצטייר" מלמעלה למטה: במובייל התמונה (שמתחת לטקסט) מופיעה רק אחרי הכפתור; בדסקטופ היא לצד הטקסט ומופיעה מוקדם יותר */
:where(.pg-bio) .hero-pic{ transition-delay:5.5s; } /* במובייל: יחד עם הכפתור */
@media (min-width:1024px){ :where(.pg-bio) .hero-pic{ transition-delay:4.25s; } }
:where(.pg-bio) .intro-strip{ opacity:0; transition:opacity 1s ease 6.2s; }
:where(.pg-bio) .marquee{ display:flex; width:max-content; animation:marquee 46s linear infinite; }
/* ===== ספירלה עולה בין "איך נראה מפגש?" לפאנל החוויה — נמתחת מלמטה למעלה כשנכנסת למסך ===== */
:where(.pg-bio) .spiral-wrap{ display:flex; justify-content:center; padding-block:0; opacity:1 !important; transform:none !important; }
:where(.pg-bio) .spiral{ width:min(92%, 28rem); height:auto; overflow:visible; }
:where(.pg-bio) .spiral .sp-line{ stroke-dasharray:1; stroke-dashoffset:1; transition:stroke-dashoffset 2.6s cubic-bezier(.45,.05,.25,1); }
:where(.pg-bio) .spiral-wrap.in .sp-line{ stroke-dashoffset:0; }
:where(.pg-bio) .spiral .sp-dot, :where(.pg-bio) .spiral .sp-glow{ opacity:0; transition:opacity .9s ease 2.3s; }
:where(.pg-bio) .spiral-wrap.in .sp-dot, :where(.pg-bio) .spiral-wrap.in .sp-glow{ opacity:1; }
:where(.pg-bio) .spiral-wrap.in .sp-glow{ animation:spGlow 3.2s ease-in-out 3.2s infinite; transform-box:fill-box; transform-origin:center; }
@keyframes spGlow{ 0%,100%{ opacity:.55; transform:scale(.85); } 50%{ opacity:1; transform:scale(1.15); } }
@media (prefers-reduced-motion: reduce){ :where(.pg-bio) .spiral .sp-line{ transition:none; stroke-dashoffset:0; } :where(.pg-bio) .spiral .sp-dot, :where(.pg-bio) .spiral .sp-glow{ opacity:1; transition:none; animation:none !important; } }
:where(.pg-bio) .sticky-cta{
    position:fixed; inset-inline:0; bottom:0; z-index:40;
    padding:.75rem 1rem calc(.75rem + env(safe-area-inset-bottom, 0px));
    background:linear-gradient(to top, rgba(255,245,232,.97) 70%, rgba(255,245,232,0));
    transform:translateY(110%); transition:transform .45s cubic-bezier(.16,1,.3,1);
  }
:where(.pg-bio) .sticky-cta.show{ transform:none; }
@media (min-width:768px){ :where(.pg-bio) .sticky-cta{ display:none; } }
:where(.pg-bio) details[open] summary .chev{ transform:rotate(45deg); }
/* ===== עמוד תוכן להעמקה ===== */
:where(.pg-bio) .read{ max-width:42rem; margin-inline:auto; }
:where(.pg-bio) .read p{ margin-bottom:1.1rem; }
:where(.pg-bio) .read p:last-child{ margin-bottom:0; }
:where(.pg-bio) .doc-sect{ padding-block:2.75rem; }
@media (min-width:768px){ :where(.pg-bio) .doc-sect{ padding-block:3.75rem; } }
:where(.pg-bio) .doc-sect h2{ margin-bottom:1.4rem; }
:where(.pg-bio) .src-link{ display:inline-block; color:var(--terra); font-weight:700; text-decoration:underline; text-decoration-thickness:2px; text-underline-offset:5px; text-decoration-color:var(--coral); }
:where(.pg-bio) .src-link::after{ content:" \2190"; }
:where(.pg-bio) .line-card{ break-inside:avoid; }
:where(.pg-bio) .line-card h3{ font-family:"Rubik","Assistant",sans-serif; }
:where(.pg-bio) .back-link{ display:inline-flex; align-items:center; gap:.4rem; }
@media print{ :where(.pg-bio) .reveal{ opacity:1 !important; transform:none !important; transition:none !important; } :where(.pg-bio) .grain::before, :where(.pg-bio) .sway, :where(.pg-bio) .no-print{ display:none !important; } :where(.pg-bio) body{ background:#fff; } :where(.pg-bio) .doc-sect{ padding-block:1.4rem; break-inside:avoid-page; } :where(.pg-bio) .shape-blob{ animation:none; } }
:where(.pg-bio) .btn-primary:disabled{ opacity:.55; cursor:default; box-shadow:none; }
/* ===== שפה גרפית כמו בעמוד הבית (30.10.26): פלטה חיה, בלי פינות מעוגלות, בלי אנימציות, רצועות צבע לכל הרוחב ===== */
:root:where(.pg-bio){ --r-lg:0px; --r-md:0px; }
:where(.pg-bio) .reveal, :where(.pg-bio) .reveal.in{ opacity:1 !important; transform:none !important; transition:none !important; }
:where(.pg-bio) main *, :where(.pg-bio) main *::before, :where(.pg-bio) main *::after{ animation:none !important; }
:where(.pg-bio) .bio-hero{ background:#FFEAD2; padding:2.4rem 0 2.6rem; }
@media (min-width:768px){ :where(.pg-bio) .bio-hero{ padding:3.4rem 0 3.6rem; } }
:where(.pg-bio) .card-soft{ background:var(--paper); border:1px solid rgba(44,35,29,.12); border-radius:0 !important; box-shadow:none; }
:where(.pg-bio) .line-card{ border-top:4px solid var(--terra); }
:where(.pg-bio) .btn-primary, :where(.pg-bio) .btn-light, :where(.pg-bio) .btn-ghost, :where(.pg-bio) .btn-green, :where(.pg-bio) a[data-contact], :where(.pg-bio) button[data-contact]{ border-radius:0 !important; }
:where(.pg-bio) .btn-light{ color:#C8411B; }
:where(.pg-bio) #research .card-soft p:last-child{ margin-bottom:0; }
/* פופאפ ההרשמה: אותם שדות וצבעים כמו בעמוד הבית (המעטפת המשותפת לא שונתה) */
:where(.pg-bio) .modal input, :where(.pg-bio) .modal select, :where(.pg-bio) .modal textarea, :where(.pg-bio) .modal button:not(.grab), :where(.pg-bio) .modal .wacard, :where(.pg-bio) .modal [data-paybox]{ border-radius:0 !important; }

/* ===================== סוף משותף: פופאפ ההרשמה (המעטפת ב-shared/register.css; כאן ההתאמה לפלטה) ===================== */
/* שדות הטופס בפופאפ: גבול דק (1px) בגוון ניטרלי, ובפוקוס הגבול בטרקוטה (30.10.26) */
.modal .su-input{ border:1px solid rgba(44,35,29,.28); background-color:var(--paper); }
.modal .su-input:hover{ border-color:rgba(44,35,29,.45); }
.modal .su-input:focus{ border-color:var(--terra); }
.modal .su-input.bad{ border-color:#C8411B; }
html .modal .su-err{ color:#C8411B; }
html .modal .mt-badge{ background:rgba(229,86,45,.13); }
html .modal .mt-badge svg{ color:var(--terra); }
html .su-after a[data-paybox]{ background:var(--olive) !important; }
html .su-lnk{ color:var(--olive); }

/* ===================== דף המודעות (ads/) ===================== */
/* בשפה של עמוד הבית (30.10.26): רקע שמנת, הפס העליון המשותף, רצועת חיפוש בחול, כרטיסים ותפריטים בפינות ישרות. הקוד של הדף (גריד, תפריט ⋯, נגן) לא השתנה */
:where(.pg-ads) *{ box-sizing:border-box; margin:0; }
:where(.pg-ads) body{ background:var(--cream); }
:where(.pg-ads) .ads-sticky{ position:sticky; top:var(--tbtop, 0px); z-index:30; }
:where(.pg-ads) .ads-sticky .site-top{ position:static; }
:where(.pg-ads) .searchbar{ display:flex; flex-wrap:nowrap; justify-content:center; align-items:center; gap:.6rem; padding:.7rem 1rem; background:var(--band); border-bottom:1px solid rgba(44,35,29,.1); }
:where(.pg-ads) .searchbar .box{ position:relative; flex:1 1 auto; min-width:0; max-width:28rem; }
:where(.pg-ads) .searchbar input{ width:100%; height:2.75rem; padding:0 2.6rem; border:1px solid rgba(44,35,29,.28); border-radius:0; background:var(--paper); color:var(--ink); font:500 1.02rem "Assistant",sans-serif; -webkit-appearance:none; appearance:none; }
:where(.pg-ads) .searchbar input::-webkit-search-cancel-button{ display:none; }
:where(.pg-ads) .searchbar input::placeholder{ color:rgba(44,35,29,.5); }
:where(.pg-ads) .searchbar input:focus{ outline:none; border-color:var(--terra); }
:where(.pg-ads) .searchbar .mag{ position:absolute; top:50%; right:.9rem; transform:translateY(-50%); width:1.2rem; height:1.2rem; color:var(--muted); pointer-events:none; }
:where(.pg-ads) .searchbar .clr{ position:absolute; top:50%; left:.4rem; transform:translateY(-50%); width:2rem; height:2rem; border:0; background:none; color:var(--muted); font-size:1.4rem; line-height:1; cursor:pointer; }
:where(.pg-ads) .typesel{ flex:none; width:8.6rem; height:2.75rem; padding:0 1rem 0 2rem; border:1px solid rgba(44,35,29,.28); border-radius:0; color:var(--ink); font:600 1rem "Assistant",sans-serif; cursor:pointer; appearance:none; -webkit-appearance:none; background:var(--paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%234A3D33' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat .65rem center/1.05rem; }
:where(.pg-ads) .typesel:focus{ outline:none; border-color:var(--terra); }
@media (max-width:560px){ :where(.pg-ads) .typesel{ width:8rem; } }
:where(.pg-ads) .grid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(16rem,1fr)); gap:1.1rem; padding:1.1rem; }
@media (max-width:559px){ :where(.pg-ads) .grid{ padding:1rem 0 1.4rem; gap:1.2rem; } }   /* במובייל: כרטיסים לכל רוחב המסך */
:where(.pg-ads) .grid figure{ display:block; background:var(--paper); border:1px solid rgba(44,35,29,.12); }
@media (max-width:559px){ :where(.pg-ads) .grid figure{ border-inline:0; } }
:where(.pg-ads) .grid figure[hidden]{ display:none; }
:where(.pg-ads) .grid .head{ display:flex; align-items:center; gap:.5rem; height:3.6rem; padding:.45rem .7rem; }   /* גובה קבוע (עד שתי שורות כותרת): כל התמונות בשורה מתחילות באותו גובה */
:where(.pg-ads) .grid .n{ font-family:"Rubik","Assistant",sans-serif; font-weight:700; font-size:1rem; line-height:1.3; color:var(--ink); display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; }
/* ⋯ בצד שמאל, באותה שורה עם המספר: תפריט הורדה ושיתוף של התמונה והסרטון (אם יש) */
:where(.pg-ads) .grid .more{ position:relative; margin-inline-start:auto; }
:where(.pg-ads) .grid .dots{ width:2.6rem; height:2.3rem; display:grid; place-items:center; padding:0; cursor:pointer; border:1px solid rgba(44,35,29,.22); background:none; color:var(--ink); }
:where(.pg-ads) .grid .dots[aria-expanded="true"]{ background:var(--ink); color:var(--paper); border-color:var(--ink); }
:where(.pg-ads) .grid .dots svg{ width:1.25rem; height:1.25rem; display:block; fill:currentColor; }
:where(.pg-ads) .grid .menu{ display:none; position:absolute; top:calc(100% + .35rem); left:0; z-index:20; min-width:12rem; padding:.35rem; background:var(--paper); color:var(--ink); border:1px solid rgba(44,35,29,.14); box-shadow:0 18px 34px -18px rgba(44,35,29,.55); }
:where(.pg-ads) .grid .more.open .menu{ display:block; }
:where(.pg-ads) .grid .menu a, :where(.pg-ads) .grid .menu button{ display:flex; align-items:center; gap:.6rem; width:100%; min-height:44px; padding:.55rem .75rem; border:0; background:none; color:inherit; font:600 1rem "Assistant",sans-serif; text-decoration:none; text-align:start; cursor:pointer; }
:where(.pg-ads) .grid .menu a:hover, :where(.pg-ads) .grid .menu button:hover{ background:var(--band); }
:where(.pg-ads) .grid .menu svg{ width:1.15rem; height:1.15rem; flex:none; fill:none; stroke:var(--terra); stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; }
:where(.pg-ads) .grid .menu hr{ border:0; border-top:1px solid rgba(44,35,29,.12); margin:.3rem .5rem; }
:where(.pg-ads) .grid .dots:focus-visible, :where(.pg-ads) .grid .menu :focus-visible{ outline:2px solid var(--terra); outline-offset:1px; border-radius:0; }
:where(.pg-ads) .grid .media{ position:relative; }
:where(.pg-ads) .grid img, :where(.pg-ads) .grid video{ width:100%; height:auto; aspect-ratio:4/5; display:block; }
:where(.pg-ads) .grid video{ display:none; background:#000; cursor:pointer; }
/* מודעה עם סרטון: לחיצה על התמונה מנגנת את הסרטון באותו תא, לחיצה על הסרטון משהה וממשיכה */
:where(.pg-ads) .grid .has-video img{ cursor:pointer; }
:where(.pg-ads) .grid .has-video img:focus-visible, :where(.pg-ads) .grid video:focus-visible{ outline:2px solid var(--terra); outline-offset:2px; border-radius:0; }
:where(.pg-ads) .grid .playing img{ display:none; }
:where(.pg-ads) .grid .playing video{ display:block; }
/* בקרת ניגון בזמן ניגון: סטופ (חזרה לתמונה), השהיה/המשך, מיקום בסרטון וזמן. כמו בכל נגן: משמאל לימין */
:where(.pg-ads) .grid .ctl{ display:none; position:absolute; left:0; right:0; bottom:0; z-index:5; align-items:center; gap:.4rem; padding:1.8rem .55rem .5rem; background:linear-gradient(to top, rgba(0,0,0,.62), rgba(0,0,0,0)); }
:where(.pg-ads) .grid .playing .ctl{ display:flex; }
:where(.pg-ads) .grid .ctl .cb{ flex:none; width:2.5rem; height:2.5rem; display:grid; place-items:center; padding:0; border:0; background:var(--paper); color:var(--ink); cursor:pointer; }
:where(.pg-ads) .grid .ctl .cb svg{ width:1rem; height:1rem; display:block; fill:currentColor; }
:where(.pg-ads) .grid .ctl .seek{ --p:0%; flex:1 1 auto; min-width:0; height:2.5rem; margin:0 .15rem; background:none; cursor:pointer; -webkit-appearance:none; appearance:none; }
:where(.pg-ads) .grid .ctl .seek::-webkit-slider-runnable-track{ height:5px; background:linear-gradient(to right, var(--terra) var(--p), rgba(255,253,249,.42) var(--p)); }
:where(.pg-ads) .grid .ctl .seek::-webkit-slider-thumb{ -webkit-appearance:none; width:16px; height:16px; margin-top:-5.5px; background:var(--paper); box-shadow:0 1px 4px rgba(0,0,0,.45); }
:where(.pg-ads) .grid .ctl .seek::-moz-range-track{ height:5px; background:rgba(255,253,249,.42); }
:where(.pg-ads) .grid .ctl .seek::-moz-range-progress{ height:5px; background:var(--terra); }
:where(.pg-ads) .grid .ctl .seek::-moz-range-thumb{ width:16px; height:16px; border:0; border-radius:0; background:var(--paper); box-shadow:0 1px 4px rgba(0,0,0,.45); }
:where(.pg-ads) .grid .ctl .tm{ flex:none; min-width:2.4rem; color:var(--paper); font:600 .85rem "Rubik","Assistant",sans-serif; font-variant-numeric:tabular-nums; text-align:right; text-shadow:0 1px 3px rgba(0,0,0,.5); }
:where(.pg-ads) .grid .ctl .cb:focus-visible, :where(.pg-ads) .grid .ctl .seek:focus-visible{ outline:2px solid var(--paper); outline-offset:2px; border-radius:0; }
:where(.pg-ads) .toast{ position:fixed; left:50%; bottom:1.4rem; transform:translateX(-50%); z-index:50; padding:.7rem 1.15rem; background:var(--ink); color:var(--paper); font:600 1rem "Assistant",sans-serif; box-shadow:0 10px 24px -10px rgba(44,35,29,.6); opacity:0; transition:opacity .2s; pointer-events:none; }
:where(.pg-ads) .toast.on{ opacity:1; }
:where(.pg-ads) .none{ padding:2.5rem 1rem; text-align:center; color:var(--muted); font:600 1.1rem "Assistant",sans-serif; }

/* ===================== מדיניות פרטיות (privacy/) ===================== */
/* כל הרקעים בלבן (30.10.26, לבקשת בעל האתר); הפס העליון וכפתור החזרה משותפים (.site-top, .site-home-btn) */
:where(.pg-priv) *, :where(.pg-priv) *::before, :where(.pg-priv) *::after{ box-sizing:border-box; }   /* בלי Tailwind בדף הזה: איפוס שוליים וגודל קופסה כמו בשאר העמודים */
:where(.pg-priv) body{ margin:0; background:#fff; }
:where(.pg-priv) .pv-wrap{ max-width:760px; margin:0 auto; padding:0 20px; }
:where(.pg-priv) .pv-hero{ background:#fff; padding:2.2rem 0 .4rem; }
@media (min-width:768px){ :where(.pg-priv) .pv-hero{ padding-top:3rem; } }
:where(.pg-priv) h1{ font-weight:800; font-size:36px; line-height:1.15; margin:0 0 10px; }
:where(.pg-priv) h2{ font-weight:700; font-size:22px; line-height:1.3; margin:36px 0 10px; color:var(--ink); display:flex; align-items:center; gap:10px; }
:where(.pg-priv) h2::before{ content:""; flex:0 0 auto; width:10px; height:10px; background:var(--terra); }
:where(.pg-priv) p, :where(.pg-priv) li{ margin:0 0 10px; }
:where(.pg-priv) ul{ margin:0 0 10px; padding-inline-start:22px; }
:where(.pg-priv) li::marker{ color:var(--terra); }
:where(.pg-priv) .pv-lead{ color:var(--muted); font-size:16.5px; line-height:1.7; margin:0; }
:where(.pg-priv) main{ padding:8px 0 40px; }
:where(.pg-priv) .pv-card{ background:#fff; border:1px solid rgba(44,35,29,.14); border-top:4px solid var(--terra); padding:20px 22px; margin-top:28px; }
:where(.pg-priv) .pv-card h2{ margin-top:0; }
:where(.pg-priv) a{ color:#C8411B; }
:where(.pg-priv) .pv-tbl{ background:#fff; border:1px solid rgba(44,35,29,.14); margin:8px 0 14px; }
:where(.pg-priv) table{ width:100%; border-collapse:collapse; font-size:16px; line-height:1.6; }
:where(.pg-priv) th, :where(.pg-priv) td{ text-align:start; vertical-align:top; padding:12px 14px; border-top:1px solid rgba(44,35,29,.14); }
:where(.pg-priv) tr:first-child th, :where(.pg-priv) tr:first-child td{ border-top:0; }
:where(.pg-priv) th{ color:#C8411B; font-weight:700; width:32%; }
@media (max-width:767px){
  :where(.pg-priv) .pv-card, :where(.pg-priv) .pv-tbl{ margin-inline:-20px; border-inline:0; }
  :where(.pg-priv) th, :where(.pg-priv) td{ display:block; width:auto; padding:0 20px; border:0; }
  :where(.pg-priv) th{ padding-top:14px; } :where(.pg-priv) td{ padding-bottom:14px; }
  :where(.pg-priv) tr + tr th{ border-top:1px solid rgba(44,35,29,.14); }
}
:where(.pg-priv) .pv-en{ background:#fff; border-top:1px solid rgba(44,35,29,.14); padding:2.4rem 0 2rem; direction:ltr; text-align:left; }
:where(.pg-priv) .pv-en h1{ font-size:30px; }
:where(.pg-priv) .pv-en h2{ font-size:21px; }
:where(.pg-priv) .pv-end{ padding:2.2rem 20px 3rem; text-align:center; background:#fff; }

/* ===================== האזור האישי (me/) ===================== */
/* בשפה של עמוד הבית (30.10.26): הפלטה החיה, בלי פינות מעוגלות, כרטיסים בנייר עם פס טרקוטה עליון וריבוע ליד הכותרת (כמו מדיניות הפרטיות).
   בפופאפ (embed, בתוך דף הבית): הרקע בגרדיאנט הטורקיז של הבאנר העליון ושל כרטיס "האזור האישי שלכם" */
:root:where(.pg-me){ --line:rgba(44,35,29,.16); --green:var(--olive); --green-bg:rgba(78,125,44,.14); --red:var(--err); --red-bg:rgba(200,65,27,.12); --yellow:#8A5A00; --yellow-bg:#FBEBC8; --sky:#0A6170; --sky-bg:rgba(10,97,112,.12); }
:where(.pg-me) *{ box-sizing:border-box; }
:where(.pg-me) body{ margin:0; font-size:17px; line-height:1.5; }
:where(.pg-me) h1, :where(.pg-me) h2{ margin:0; }
:where(.pg-me) .wrap{ max-width:520px; margin:0 auto; padding:14px 16px 48px; }
/* כותרת קבועה: השם, הקרדיט והיציאה, על פס טורקיז (כמו הפס העליון של האתר) */
:where(.pg-me) .top{ display:flex; align-items:center; gap:10px; min-height:56px; position:sticky; top:var(--tbtop, 0px); z-index:20; background:var(--teal-grad); color:var(--paper); margin:-14px -16px 0; padding:10px 16px; }
:where(.pg-me) .top h1{ flex:1; font-size:22px; font-weight:700; color:var(--paper); }
:where(.pg-me) .top{ align-items:flex-start; }   /* שם ארוך: הצ'יפ ו"יציאה" מיושרים לשורה הראשונה של השם, וההמשך שלו יורד מתחת */
:where(.pg-me) .top h1{ flex:1 1 auto; min-width:0; overflow-wrap:anywhere; line-height:28px; margin-top:4px; }   /* שורה ראשונה במרכז הגובה של "יציאה" (36px) */
:where(.pg-me) .top .chip{ margin-top:4px; }
:where(.pg-me) .top > :not(h1){ flex:0 0 auto; white-space:nowrap; }   /* צ'יפ הקרדיט ו"יציאה" נשארים בגודלם ובמקומם */
:where(.pg-me) .top .link{ display:inline-flex; align-items:center; min-height:36px; padding:0 .8rem; border:1px solid rgba(255,253,249,.55); color:var(--paper); text-decoration:none; font-weight:600; font-size:15px; }
:where(.pg-me) .link{ background:none; border:0; color:var(--muted); font:inherit; font-size:15px; padding:6px 4px; cursor:pointer; text-decoration:underline; }
html.embed:where(.pg-me), html.embed:where(.pg-me) body{ background:var(--teal-grad) fixed; }
html.embed:where(.pg-me) .top{ top:0; background:var(--teal-grad) fixed; }
html.embed:where(.pg-me) .center{ color:var(--paper); }   /* "טוען…" בזמן שהפופאפ עולה */
/* מסך הכניסה (לא בפופאפ): עולה מלמטה */
:where(.pg-me) .lgback{ position:fixed; inset:0; background:rgba(44,35,29,.62); opacity:0; transition:opacity .3s ease; z-index:40; }
:where(.pg-me) .lgback.open{ opacity:1; }
:where(.pg-me) .lgpop{ position:fixed; bottom:0; left:0; right:0; max-width:30rem; margin:0 auto; z-index:41; background:var(--paper); border-top:4px solid var(--terra); padding:0 20px 24px; text-align:center; box-shadow:0 -10px 30px rgba(0,0,0,.18); transform:translateY(110%); transition:transform .34s cubic-bezier(.2,.8,.2,1); }
:where(.pg-me) .lgpop.open{ transform:none; }
:where(.pg-me) .lgpop h2{ font-size:20px; margin:0 0 8px; color:var(--terra); }
:where(.pg-me) .lggrab{ display:block; width:100%; border:0; background:transparent; padding:14px 0 10px; cursor:pointer; }
:where(.pg-me) .lggrab i{ display:block; width:44px; height:5px; background:var(--sand); margin:0 auto; }
/* כרטיסים */
:where(.pg-me) .card{ background:var(--cream); border-top:4px solid var(--terra); padding:18px; margin-top:14px; box-shadow:0 22px 44px -28px rgba(0,0,0,.45); }
:where(.pg-me) .card h2{ display:flex; align-items:center; gap:10px; font-size:19px; font-weight:700; color:var(--ink); margin-bottom:10px; }
:where(.pg-me) .card h2::before{ content:""; flex:0 0 auto; width:10px; height:10px; background:var(--terra); }
/* כותרת סקשן מחוץ לכרטיס ("המפגשים שלי"): על הרקע, והכרטיס שמתחתיה הוא הרשימה בלבד */
:where(.pg-me) .sect{ display:flex; align-items:center; gap:10px; margin:22px 0 0; font-size:20px; font-weight:700; color:var(--ink); }
:where(.pg-me) .sect::before{ content:""; flex:0 0 auto; width:10px; height:10px; background:var(--terra); }
html.embed:where(.pg-me) .sect{ color:var(--paper); }
:where(.pg-me) .sect + .card{ margin-top:10px; }
:where(.pg-me) .card.mlist{ padding-top:4px; padding-bottom:4px; }
:where(.pg-me) .big{ font-family:"Rubik",sans-serif; font-weight:700; font-size:22px; }
:where(.pg-me) .muted{ color:var(--muted); font-size:15px; }
/* כפתורים: בפינות ישרות, כמו כפתורי עמוד הבית */
:where(.pg-me) .btn{ display:flex; align-items:center; justify-content:center; width:100%; min-height:52px; border:0; padding:12px 18px; font:inherit; font-weight:700; font-size:18px; text-align:center; text-decoration:none; cursor:pointer; background:var(--terra); color:var(--paper); margin-top:12px; box-shadow:0 14px 26px -16px rgba(229,86,45,.95); }
:where(.pg-me) .btn.pay{ background:var(--olive); box-shadow:0 14px 26px -16px rgba(78,125,44,.9); }   /* כפתור התשלום: הירוק של הפלטה, כמו בפופאפ ההרשמה */
:where(.pg-me) .btn.ghost{ background:transparent; color:var(--ink); border:1px solid rgba(44,35,29,.28); box-shadow:none; }
:where(.pg-me) .btn[disabled]{ opacity:.5; cursor:default; }
:where(.pg-me) .chip[hidden]{ display:none; }
:where(.pg-me) .chip{ display:inline-flex; align-items:center; height:28px; padding:0 12px; font-size:14px; font-weight:700; background:var(--paper); color:var(--muted); }   /* ניטרלי בלבן, כדי שלא ייבלע ברקע הבז' של הכרטיס */
:where(.pg-me) .chip.ok{ background:var(--green-bg); color:var(--green); }
:where(.pg-me) .chip.no{ background:var(--red-bg); color:var(--red); }
:where(.pg-me) .chip.wait{ background:var(--yellow-bg); color:var(--yellow); }
:where(.pg-me) .chip.sky{ background:var(--sky-bg); color:var(--sky); }
:where(.pg-me) .row{ display:flex; align-items:center; gap:8px; padding:12px 0; border-top:1px solid var(--line); }
:where(.pg-me) .row:first-of-type{ border-top:0; }
:where(.pg-me) .row .d{ flex:1; font-weight:700; }
/* שדות */
:where(.pg-me) label{ display:block; font-size:14px; color:var(--muted); margin:12px 0 4px; }
:where(.pg-me) input, :where(.pg-me) select{ width:100%; font:inherit; font-size:17px; padding:11px 14px; border:1px solid rgba(44,35,29,.28); border-radius:0; background:var(--paper); color:var(--ink); }   /* שדות בלבן על כרטיס בבז' */
:where(.pg-me) select{ height:48px; padding:0 14px 0 34px; appearance:none; -webkit-appearance:none; cursor:pointer; text-align:start; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.4l5 5.2 5-5.2z' fill='%234A3D33'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:left 15px center; background-size:12px 8px; }
:where(.pg-me) input:focus, :where(.pg-me) select:focus{ outline:none; border-color:var(--terra); }
:where(.pg-me) input.bad, :where(.pg-me) select.bad{ border-color:var(--red); }
:where(.pg-me) .pf-err{ color:var(--red); font-size:13.5px; font-weight:600; margin-top:4px; }
:where(.pg-me) .pf-err:empty{ display:none; }
:where(.pg-me) .two{ display:grid; grid-template-columns:1fr 1fr; gap:10px; }
:where(.pg-me) .gbtn{ display:flex; align-items:center; justify-content:center; gap:10px; width:100%; background:var(--paper); border:1px solid rgba(44,35,29,.28); padding:13px; font:inherit; font-weight:700; font-size:17px; cursor:pointer; margin-top:14px; }
:where(.pg-me) .gbtn svg{ width:22px; height:22px; }
:where(.pg-me) .imp{ background:var(--sky-bg); color:var(--sky); padding:10px 14px; margin-top:12px; font-size:15px; font-weight:700; }
:where(.pg-me) .msg{ margin-top:10px; font-size:15px; min-height:20px; }
:where(.pg-me) .msg.bad{ color:var(--red); }
:where(.pg-me) .msg.good{ color:var(--green); }
:where(.pg-me) .msg:empty{ display:none; }   /* הודעות ריקות (תשלום, ביטול רישום, שמירה) לא תופסות מקום */
:where(.pg-me) .center{ text-align:center; padding:40px 0; color:var(--muted); }
:where(.pg-me) .dirs{ white-space:pre-wrap; margin-top:2px; }   /* הוראות הגעה, כמה שורות */
/* "הפרטים שלי": נפתח ונסגר */
:where(.pg-me) .dethead{ display:flex; align-items:center; justify-content:space-between; width:100%; padding:0; margin:0; border:0; background:none; font:inherit; color:inherit; cursor:pointer; text-align:start; }
:where(.pg-me) .dethead h2{ margin:0; }
:where(.pg-me) .dethead svg{ width:24px; height:24px; color:var(--muted); transition:transform .35s ease; }
:where(.pg-me) .dethead[aria-expanded="true"] svg{ transform:rotate(180deg); }
:where(.pg-me) .detfold{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }
:where(.pg-me) .detfold.open{ grid-template-rows:1fr; }
:where(.pg-me) .detfold > div{ overflow:hidden; min-height:0; }
:where(.pg-me) .detfold:not(.open) > div{ visibility:hidden; }
:where(.pg-me) .detfold > div > :first-child{ margin-top:10px; }
:where(.pg-me) #sm:empty{ display:none; }
:where(.pg-me) .dethead:focus, :where(.pg-me) .mthead:focus{ outline:none; }
/* רשימת המפגשים: שורה לכל מפגש (יום, תאריך ושעה, מצב, חץ), נפתחת ונסגרת */
:where(.pg-me) .mtg{ border-top:1px solid var(--line); scroll-margin-top:80px; }
:where(.pg-me) .mtg:first-of-type{ border-top:0; }
:where(.pg-me) .mthead{ display:grid; grid-template-columns:2.5em 7.2em minmax(0, 1fr) 22px; align-items:center; column-gap:2px; row-gap:4px; width:100%; padding:14px 0; border:0; background:none; font:inherit; font-size:15px; color:inherit; cursor:pointer; text-align:start; }
:where(.pg-me) .mthead .c1, :where(.pg-me) .mthead .c2{ font-weight:700; white-space:nowrap; }
:where(.pg-me) .mthead .c4{ justify-self:end; margin-inline-end:10px; }
:where(.pg-me) .mthead .c5{ grid-column:1 / -1; grid-row:2; justify-self:stretch; color:var(--muted); min-width:0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:right; direction:rtl; }
:where(.pg-me) .mthead .chip{ white-space:nowrap; font-size:13px; padding:0 10px; }
:where(.pg-me) .mthead svg{ grid-column:4; grid-row:1; width:22px; height:22px; color:var(--muted); transition:transform .35s ease; flex:0 0 auto; }
:where(.pg-me) .mtg.open .mthead svg{ transform:rotate(180deg); }
:where(.pg-me) .mtfold{ display:grid; grid-template-rows:0fr; transition:grid-template-rows .35s ease; }
:where(.pg-me) .mtg.open .mtfold{ grid-template-rows:1fr; }
:where(.pg-me) .mtfold > div{ overflow:hidden; min-height:0; text-align:center; }
:where(.pg-me) .mtg:not(.open) .mtfold > div{ visibility:hidden; }
:where(.pg-me) .mtfold > div > :last-child{ margin-bottom:14px; }
:where(.pg-me) .mtfold .btn.ghost{ margin-top:10px; margin-bottom:0; }
:where(.pg-me) .mtfold .btn{ box-shadow:none; }   /* בתוך שורת מפגש (overflow:hidden) הצל נחתך */
/* שורת מפגש קבועה (30.10.26): מימין יום, תאריך ושעה ומתחתיהם עיר ושם; משמאל ההגעה ומתחתיה התשלום; מתחת כפתור תשלום גדול כשצריך */
:where(.pg-me) .mtrow{ display:flex; align-items:flex-start; justify-content:space-between; gap:12px; padding:14px 0; }
:where(.pg-me) .mtw{ flex:1; min-width:0; }
:where(.pg-me) .mtd{ font-size:15px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
:where(.pg-me) .mtd .c1{ margin-inline-end:6px; }
:where(.pg-me) .mtrow .c5{ margin-top:4px; font-size:15px; color:var(--muted); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
:where(.pg-me) .mts{ display:flex; flex-direction:column; align-items:flex-end; gap:6px; flex:0 0 auto; }
:where(.pg-me) .mts .chip{ font-size:13px; padding:0 10px; white-space:nowrap; }
:where(.pg-me) .mtfoot{ padding:0 0 14px; text-align:center; }
:where(.pg-me) .mtfoot .btn{ margin-top:0; box-shadow:none; }
:where(.pg-me) .lnk.sm{ font-size:14px; font-weight:600; color:var(--muted); padding:6px; }
/* תשלום: הכפתור והקישורים נסגרים באנימציה אחרי דיווח */
:where(.pg-me) .payfold{ display:grid; grid-template-rows:1fr; transition:grid-template-rows .4s ease, opacity .4s ease; }
:where(.pg-me) .payfold > div{ overflow:hidden; min-height:0; }
:where(.pg-me) .payfold.closing{ grid-template-rows:0fr; opacity:0; }
:where(.pg-me) .paylinks{ display:flex; flex-direction:column; align-items:center; gap:4px; margin-top:6px; }
:where(.pg-me) .lnk{ border:0; background:none; padding:8px 6px; font:inherit; font-size:16px; font-weight:700; color:var(--olive); text-decoration:underline; text-underline-offset:3px; cursor:pointer; }
/* תשלום בדרך אחרת: שיחת וואטסאפ עם הדר או אופיר */
:where(.pg-me) #otherDlg{ width:min(92vw, 420px); border:0; border-top:4px solid var(--terra); background:var(--paper); color:var(--ink); padding:22px 20px; }
:where(.pg-me) #otherDlg::backdrop{ background:rgba(44,35,29,.5); }
:where(.pg-me) #otherDlg h2{ font-size:20px; }
:where(.pg-me) #otherDlg .otherinfo{ margin:10px 0 4px; padding:10px 12px; background:var(--cream); font-weight:700; }
:where(.pg-me) .wacard{ display:flex; align-items:center; gap:12px; margin-top:10px; padding:8px 14px 8px 16px; background:var(--olive); color:var(--paper); text-decoration:none; }   /* בירוק, כמו כפתורי הוואטסאפ של המנחים */
:where(.pg-me) .wacard img{ width:52px; height:52px; border-radius:50%; object-fit:cover; border:2px solid rgba(255,253,249,.85); flex:0 0 auto; }
:where(.pg-me) .wacard .wat{ flex:1; display:flex; flex-direction:column; line-height:1.25; text-align:start; }
:where(.pg-me) .wacard .wat b{ font-size:18px; font-weight:800; }
:where(.pg-me) .wacard .wat small{ font-size:14px; font-weight:600; opacity:.92; }
:where(.pg-me) .wacard svg{ width:30px; height:30px; flex:0 0 auto; }
@media (prefers-reduced-motion:reduce){ :where(.pg-me) .detfold, :where(.pg-me) .dethead svg, :where(.pg-me) .mtfold, :where(.pg-me) .mthead svg, :where(.pg-me) .payfold{ transition:none; } }
/* כרטיס "האזור האישי שלכם": מוסתר כברירת מחדל ומוצג רק כשהכניסה עם גוגל פעילה (html.gl-on, נקבע ב-shared/register.js). באמת הכניסה כבויה ולכן אין שום זכר לאזור האישי בעמוד */
:where(.pg-home) #meAreaCard{ display:none; }
html.gl-on #meAreaCard{ display:block; }