/* ═══ שני דפי-נחיתה: מעסה רפואי · חוקר פרטי ═══════════════════════════════
   כל דף שואב את השפה שלו מהעולם של המקצוע עצמו, לא מתבנית גנרית:

   • עיסוי  — חושך חמים של חדר טיפולים: קרקע אספרסו, הילת-אור רכה, זהב וסייג'
              (במבוק), קווי-שיער דקים. תפריט הטיפולים בנוי כתפריט ספא: מספור,
              קו-זהב עליון, וכל המידע פתוח — בלי ללחוץ.
   • חקירות — עולם התיקים: כחול-לילה, רשת עדינה, פסי-הסתרה (redaction) כמוטיב
              חוזר, ומספור תיק במונוספייס. דיסקרטי, לא "קורפורייט כללי".

   שום ירוק-וואטסאפ ושום צבע מחוץ לפלטה: כל כפתור לוקח את צבעיו מהמשתנים.
   ═══════════════════════════════════════════════════════════════════════ */

*,*::before,*::after{ box-sizing:border-box; }
/* שומר-סף מול גלישה אופקית: overflow-x על body בלבד לא מספיק — אלמנט מוחלט
   שחורג מחוץ לקופסה עדיין יוצר פס-גלילה על html, וב-RTL זה מזיז את כל הדף
   ומחתך אותו בקצה. נמדד בפועל בטלפון 390px. */
html{
  -webkit-text-size-adjust:100%; scroll-behavior:smooth;
  overflow-x:hidden; max-width:100%;
}
body{
  margin:0; background:var(--bg); color:var(--ink);
  font-family:'Heebo',system-ui,-apple-system,'Segoe UI',sans-serif;
  font-size:16.5px; line-height:1.78;
  overflow-x:hidden; max-width:100%; width:100%;
  -webkit-font-smoothing:antialiased;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3{ margin:0; line-height:1.2; text-wrap:balance; font-family:var(--display); font-weight:700; }
p{ margin:0; }
:focus-visible{ outline:2px solid var(--accent); outline-offset:3px; border-radius:5px; }

/* ───────── פלטה: עיסוי רפואי ───────── */
/* נדגם מכרטיס הביקור שלו עצמו (בקשת ירין: "אפרפר עם מרקם, והזהב יותר זהוב
   ומפורט"). הכרטיס אינו שחור אלא נייר-פחם אפרפר-חמים עם מרקם עדין, והזהב
   שעליו מתכתי — בהיר בקצה אחד, עמוק בשני — ולא צהוב שטוח אחד. */
html[data-pro="massage"]{
  --bg:#1B1916;
  --bg-2:#232019;
  --surface:#2A2621;
  --surface-2:#332E27;
  --line:#4A4238;
  --line-soft:#38322B;
  --ink:#F7F1E6;
  --ink-dim:#DCD2C2;
  --muted:#ABA08E;
  --accent:#B8912F;        /* זהב עתיק — הגוון הבסיסי של הכרטיס */
  --accent-2:#E8CC7A;      /* נצנוץ ההדגשה */
  --accent-deep:#8F6B1F;   /* הצל של המתכת */
  --accent-ink:#171410;
  --second:#7E8C6A;        /* סייג' — הבמבוק שבכרטיס */
  --glow:rgba(184,145,47,.18);
  --gold-metal:linear-gradient(135deg, var(--accent-deep) 0%, var(--accent-2) 38%, var(--accent) 62%, var(--accent-deep) 100%);
  --display:'Frank Ruhl Libre', Georgia, serif;
}

/* מרקם נייר-הכרטיס: שתי שכבות דקות בזוויות מנוגדות — נראה כאריג בזום,
   ונעלם לחלוטין במבט רגיל. זה מה שמבדיל "אפור" מ"אפור של נייר איכותי". */
html[data-pro="massage"] body::before{
  content:""; position:fixed; inset:0; z-index:0; pointer-events:none; opacity:.55;
  background-image:
    repeating-linear-gradient(45deg,  rgba(255,255,255,.014) 0 1px, transparent 1px 3px),
    repeating-linear-gradient(-45deg, rgba(0,0,0,.05)        0 1px, transparent 1px 3px);
}
/* :not(.lightbox) קריטי — הכלל הזה נועד להרים את התוכן מעל שכבת המרקם,
   אבל position:relative עליו דרס את ה-fixed של תצוגת-התעודה, והיא נפתחה
   בתוך זרימת הדף (בתחתית) במקום לרחף מעליו. */
html[data-pro="massage"] body > *:not(.lightbox){ position:relative; z-index:1; }

/* זהב מתכתי אמיתי — הדרגתיות על הטקסט ועל הקווים, במקום מילוי אחיד */
html[data-pro="massage"] .hero__title em,
html[data-pro="massage"] .sec-title{
  background:var(--gold-metal); -webkit-background-clip:text; background-clip:text;
  -webkit-text-fill-color:transparent; color:transparent;
}
html[data-pro="massage"] .hero__rule,
html[data-pro="massage"] .cube::before{ background:var(--gold-metal); }
html[data-pro="massage"] .btn--primary{
  background:var(--gold-metal); color:var(--accent-ink);
  border:1px solid color-mix(in srgb, var(--accent-2) 45%, transparent);
}
html[data-pro="massage"] .nav__cta{
  background:var(--gold-metal); color:var(--accent-ink);
}
html[data-pro="massage"] .step__n{
  background:var(--gold-metal); color:var(--accent-ink);
  border:1px solid color-mix(in srgb, var(--accent-2) 40%, transparent);
}
/* ───────── פלטה: חקירות פרטיות ───────── */
html[data-pro="pi"]{
  --bg:#0B1220;
  --bg-2:#0E1929;
  --surface:#121D2E;
  --surface-2:#17253A;
  --line:#27394F;
  --line-soft:#1C2B3E;
  --ink:#EEF3F9;
  --ink-dim:#C4D2E0;
  --muted:#8598AC;
  --accent:#4E8FD4;        /* כחול-פלדה */
  --accent-2:#84B6EC;
  --accent-ink:#07101C;
  --second:#C9A227;        /* זהב מאופק — רק לחותם הרישיון */
  --glow:rgba(78,143,212,.14);
  --display:'Frank Ruhl Libre', Georgia, serif;
}

/* ───────── מבנה ───────── */
.wrap{ width:min(1140px, 100% - 2.6rem); margin-inline:auto; }
section{ padding-block: clamp(4rem, 9vh, 7rem); position:relative; }
.band{ background:var(--bg-2); border-block:1px solid var(--line-soft); }

.sec-head{ max-width:64ch; }
.eyebrow{
  display:inline-flex; align-items:center; gap:.55rem;
  font-size:.73rem; font-weight:600; letter-spacing:.2em;
  color:var(--accent-2); margin-bottom:.9rem;
}
.eyebrow::before{ content:""; width:26px; height:1px; background:var(--accent); opacity:.75; }
.sec-title{ font-size:clamp(1.75rem, 4.2vw, 2.7rem); letter-spacing:-.015em; }
.sec-lead{ color:var(--muted); margin-top:.9rem; font-size:1.02rem; }

/* ───────── ניווט ───────── */
.nav{
  position:sticky; top:0; z-index:60;
  display:flex; align-items:center; gap:.9rem; flex-wrap:wrap;
  padding:.75rem clamp(1rem,4vw,2.2rem);
  background:color-mix(in srgb, var(--bg) 86%, transparent);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line-soft);
}
.nav__brand{ font-family:var(--display); font-weight:700; font-size:1.06rem; letter-spacing:.01em; }
.nav__brand small{
  display:block; font-family:'Heebo',sans-serif; font-weight:400;
  font-size:.72rem; color:var(--muted); letter-spacing:.05em; margin-top:.1rem;
}
.nav__links{ margin-inline-start:auto; display:flex; align-items:center; gap:.2rem; flex-wrap:wrap; }
.nav__a{
  font-size:.84rem; color:var(--muted); padding:.42rem .72rem; border-radius:8px;
  transition:color .2s, background .2s;
}
.nav__a:hover{ color:var(--ink); background:var(--surface-2); }
.nav__sep{ width:1px; height:18px; background:var(--line); margin-inline:.4rem; flex:none; }
.nav__a--x{ color:var(--ink-dim); font-weight:500; }
.nav__a--x:hover{ color:var(--accent-2); }
.nav__cta{
  font-size:.84rem; font-weight:600; padding:.48rem 1.05rem; border-radius:9px;
  background:var(--accent); color:var(--accent-ink);
  transition:filter .2s, transform .2s;
}
.nav__cta:hover{ filter:brightness(1.1); transform:translateY(-1px); }
@media (max-width:700px){
  .nav__links{ width:100%; margin-inline-start:0; }
  .nav__sep{ display:none; }
}

/* ───────── Hero ───────── */
.hero{ position:relative; overflow:hidden; padding-block: clamp(3rem,8vh,5.5rem) clamp(3rem,8vh,5rem); }
.hero::before{                      /* הילת-אור רכה — מקור האווירה של שני הדפים */
  content:""; position:absolute; z-index:0; pointer-events:none;
  inset-block-start:-28%; inset-inline-end:0;
  width:min(760px,86vw); aspect-ratio:1; max-width:100%;
  background:radial-gradient(circle, var(--glow) 0%, transparent 68%);
}
html[data-pro="pi"] .hero::after{   /* רשת דקה — מוטיב "תיק/מסמך" */
  content:""; position:absolute; inset:0; z-index:0; pointer-events:none; opacity:.5;
  background-image:linear-gradient(var(--line-soft) 1px, transparent 1px),
                   linear-gradient(90deg, var(--line-soft) 1px, transparent 1px);
  background-size:52px 52px;
  -webkit-mask-image:radial-gradient(ellipse at 70% 0%, #000 10%, transparent 68%);
          mask-image:radial-gradient(ellipse at 70% 0%, #000 10%, transparent 68%);
}
.hero .wrap{ position:relative; z-index:1; }
.hero__grid{ display:grid; gap:clamp(2rem,4.5vw,3.6rem); grid-template-columns:1fr; align-items:center; }
@media (min-width:960px){ .hero__grid{ grid-template-columns:1.08fr .92fr; } }

.hero__title{ font-size:clamp(2.15rem, 5.6vw, 3.6rem); letter-spacing:-.02em; }
.hero__title em{ font-style:normal; color:var(--accent-2); }
.hero__sub{ color:var(--ink-dim); font-size:clamp(1.02rem,2.1vw,1.16rem); margin-top:1.15rem; max-width:50ch; }
.hero__rule{ width:62px; height:2px; background:var(--accent); margin:1.6rem 0 0; opacity:.9; }
.hero__actions{ display:flex; flex-wrap:wrap; gap:.75rem; margin-top:1.7rem; }

/* קישורי-אחיות בראש הדף (במקום "גשר" בתחתית) */
.sisters{ display:flex; flex-wrap:wrap; gap:.5rem; margin-top:1.9rem; }
.sister{
  display:inline-flex; align-items:center; gap:.5rem;
  font-size:.82rem; color:var(--ink-dim);
  border:1px solid var(--line); border-radius:999px;
  padding:.42rem .95rem; background:var(--surface);
  transition:border-color .2s, color .2s, transform .2s;
}
.sister:hover{ border-color:var(--accent); color:var(--ink); transform:translateY(-2px); }
.sister span[aria-hidden]{ font-size:.95rem; }

/* תעודות — בראש הדף, תמונות בלבד */
/* תעודה אחת בלבד לכל דף — הרלוונטית לו — ולכן גדולה ומוצגת במלואה
   (object-fit:contain, בלי חיתוך), כדי שבאמת אפשר יהיה לקרוא אותה. */
.hero__certs{ display:flex; justify-content:center; }
.cert-shot{
  position:relative; margin:0; width:min(370px, 100%);
  border:1px solid var(--line); border-radius:14px; overflow:hidden;
  background:var(--surface-2);
  box-shadow:0 26px 64px rgba(0,0,0,.5);
  cursor:zoom-in;
  transition:transform .35s cubic-bezier(.2,.8,.3,1), border-color .35s, box-shadow .35s;
}
.cert-shot:hover{
  transform:translateY(-6px) scale(1.015);
  border-color:var(--accent);
  box-shadow:0 34px 80px rgba(0,0,0,.6), 0 0 0 1px var(--accent);
}
.cert-shot img{ width:100%; height:auto; object-fit:contain; background:var(--surface-2); }
.cert-shot figcaption{
  position:absolute; inset-inline:0; bottom:0;
  padding:.7rem .8rem; font-size:.78rem; color:#fff; text-align:center;
  background:linear-gradient(to top, rgba(0,0,0,.9), rgba(0,0,0,.05));
}
.cert-shot__zoom{
  position:absolute; inset-block-start:.6rem; inset-inline-end:.6rem;
  width:30px; height:30px; display:grid; place-items:center;
  border-radius:8px; background:rgba(0,0,0,.55); color:#fff; font-size:.9rem;
  opacity:0; transition:opacity .3s;
}
.cert-shot:hover .cert-shot__zoom{ opacity:1; }

/* תצוגה מלאה */
.lightbox,
html[data-pro] body > .lightbox{
  position:fixed; inset:0; z-index:200; display:none;
  align-items:center; justify-content:center; padding:clamp(1rem,4vw,3rem);
  background:rgba(0,0,0,.9); backdrop-filter:blur(6px);
}
.lightbox.is-open,
html[data-pro] body > .lightbox.is-open{ display:flex; }
.lightbox img{ max-width:100%; max-height:90vh; border-radius:10px; box-shadow:0 30px 90px rgba(0,0,0,.7); }
.lightbox__x{
  position:absolute; inset-block-start:1rem; inset-inline-end:1rem;
  width:44px; height:44px; border-radius:50%; border:1px solid rgba(255,255,255,.3);
  background:rgba(0,0,0,.5); color:#fff; font-size:1.2rem; cursor:pointer;
}

/* ───────── כפתורים (תמיד בתוך הפלטה) ───────── */
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:.55rem;
  font-weight:600; font-size:.97rem; padding:.85rem 1.7rem; border-radius:11px;
  border:1px solid transparent; cursor:pointer; font-family:inherit;
  transition:transform .2s, filter .2s, background .2s, border-color .2s;
}
.btn:hover{ transform:translateY(-2px); }
.btn--primary{ background:var(--accent); color:var(--accent-ink); box-shadow:0 10px 26px var(--glow); }
.btn--primary:hover{ filter:brightness(1.1); }
.btn--outline{ border-color:var(--line); color:var(--ink); background:var(--surface); }
.btn--outline:hover{ border-color:var(--accent); background:var(--surface-2); }

/* ───────── קוביות שירות — כל המידע פתוח ───────── */
.cubes{ display:grid; gap:1.1rem; grid-template-columns:1fr; margin-top:2.6rem; }
@media (min-width:640px){ .cubes{ grid-template-columns:repeat(2,1fr); } }
@media (min-width:1020px){ .cubes{ grid-template-columns:repeat(3,1fr); } }
.cube{
  position:relative; display:flex; flex-direction:column; gap:.55rem;
  padding:1.5rem 1.35rem 1.4rem;
  background:var(--surface); border:1px solid var(--line-soft); border-radius:15px;
  transition:transform .28s cubic-bezier(.2,.8,.3,1), border-color .28s, box-shadow .28s;
}
.cube::before{                      /* קו-זהב עליון — נמתח בריחוף */
  content:""; position:absolute; inset-block-start:0; inset-inline:1.35rem;
  height:2px; background:var(--accent); border-radius:2px;
  transform:scaleX(.24); transform-origin:var(--cube-origin, right);
  transition:transform .35s cubic-bezier(.2,.8,.3,1);
}
.cube::after{                      /* הילה פנימית שנדלקת בריחוף */
  content:""; position:absolute; inset:0; border-radius:15px; pointer-events:none;
  background:radial-gradient(120% 80% at 50% 0%, var(--glow), transparent 62%);
  opacity:0; transition:opacity .35s;
}
.cube:hover{
  transform:translateY(-8px);
  border-color:var(--accent);
  box-shadow:0 26px 60px rgba(0,0,0,.5), 0 0 0 1px var(--accent);
}
.cube:hover::after{ opacity:1; }
.cube:hover::before{ transform:scaleX(1); }
.cube__t, .cube__n, .tag{ transition:color .3s, border-color .3s, background .3s; }
.cube:hover .cube__t{ color:var(--accent-2); }
.cube:hover .cube__n{ color:var(--accent); }
.cube:hover .tag{ border-color:var(--accent); background:var(--surface); color:var(--ink); }
.cube__n{
  font-family:var(--display); font-size:.82rem; color:var(--accent);
  letter-spacing:.08em; font-variant-numeric:tabular-nums;
}
.cube__t{ font-size:1.14rem; }
.cube__d{ color:var(--muted); font-size:.935rem; line-height:1.72; }
.cube__tags{ display:flex; flex-wrap:wrap; gap:.4rem; margin-top:.35rem; }
.tag{
  font-size:.75rem; color:var(--ink-dim);
  border:1px solid var(--line-soft); border-radius:7px; padding:.2rem .6rem;
  background:var(--surface-2);
}

/* ───────── שלבים — מסילה ממוספרת ───────── */
.rail{ display:grid; gap:0; margin-top:2.6rem; grid-template-columns:1fr; }
@media (min-width:860px){ .rail{ grid-template-columns:repeat(3,1fr); } }
.step{ position:relative; padding:1.6rem 1.3rem 1.3rem; }
.step::before{                      /* קו המסילה */
  content:""; position:absolute; inset-block-start:0; inset-inline:0; height:1px; background:var(--line);
}
.step::after{                       /* נקודת-הציון */
  content:""; position:absolute; inset-block-start:-5px; inset-inline-start:0;
  width:10px; height:10px; border-radius:50%;
  background:var(--bg); border:2px solid var(--accent);
}
/* קודם היו קו-מתאר חיוור שנבלע ברקע ואף נחתך. עכשיו אסימון מלא וברור. */
.step__n{
  display:inline-grid; place-items:center;
  width:46px; height:46px; border-radius:12px;
  font-family:var(--display); font-size:1.25rem; font-weight:800; line-height:1;
  color:var(--accent-ink); background:var(--accent);
  box-shadow:0 8px 22px var(--glow);
  font-variant-numeric:tabular-nums; margin-bottom:.85rem;
}
.step h3{ font-size:1.1rem; margin-bottom:.4rem; }
.step p{ color:var(--muted); font-size:.93rem; }

/* ───────── טופס יצירת קשר ───────── */
.form-grid{ display:grid; gap:clamp(1.8rem,4vw,3rem); grid-template-columns:1fr; align-items:start; }
@media (min-width:900px){ .form-grid{ grid-template-columns:.95fr 1.05fr; } }
.form-card{
  background:var(--surface); border:1px solid var(--line); border-radius:18px;
  padding:clamp(1.4rem,3.2vw,2.1rem);
  box-shadow:0 24px 60px rgba(0,0,0,.34);
}
.field{ margin-bottom:1rem; }
.field label{ display:block; font-size:.85rem; color:var(--ink-dim); margin-bottom:.4rem; font-weight:500; }
.field input, .field textarea, .field select{
  width:100%; font:inherit; font-size:.95rem; color:var(--ink);
  background:var(--bg); border:1px solid var(--line); border-radius:10px;
  padding:.72rem .9rem; transition:border-color .2s, box-shadow .2s;
}
.field input:focus, .field textarea:focus, .field select:focus{
  outline:none; border-color:var(--accent); box-shadow:0 0 0 3px var(--glow);
}
.field textarea{ min-height:120px; resize:vertical; }
.field--hp{ position:absolute; inset-inline-start:-9999px; opacity:0; }
.form-note{ font-size:.8rem; color:var(--muted); margin-top:.5rem; }
.form-msg{ display:none; margin-top:.9rem; padding:.7rem .9rem; border-radius:9px; font-size:.9rem; }
.form-msg.is-on{ display:block; }
.form-msg--ok{ background:color-mix(in srgb, var(--accent) 16%, transparent); color:var(--ink); border:1px solid var(--accent); }
.form-msg--err{ background:rgba(200,60,60,.12); color:#F0C0C0; border:1px solid rgba(200,60,60,.4); }

.contact-aside h3{ font-size:1.3rem; margin-bottom:.7rem; }
.contact-aside p{ color:var(--muted); }
.contact-list{ list-style:none; margin:1.5rem 0 0; padding:0; display:grid; gap:.7rem; }
.contact-list a{
  display:flex; align-items:center; gap:.8rem;
  border:1px solid var(--line-soft); border-radius:12px; padding:.85rem 1rem;
  background:var(--surface); transition:border-color .2s, transform .2s;
}
.contact-list a:hover{ border-color:var(--accent); transform:translateY(-2px); }
.contact-list b{ display:block; font-size:.95rem; }
.contact-list span{ font-size:.82rem; color:var(--muted); }

/* ───────── פוטר ───────── */
.foot{
  border-top:1px solid var(--line-soft); padding-block:2.4rem;
  color:var(--muted); font-size:.86rem;
}
.foot__row{ display:flex; flex-wrap:wrap; gap:1rem; align-items:center; justify-content:space-between; }
.foot a{ color:var(--ink-dim); }
.foot a:hover{ color:var(--accent-2); }

/* ───────── סרגל דביק במובייל ───────── */
.dock{
  position:fixed; inset-inline:0; bottom:0; z-index:70;
  display:flex; gap:.55rem; padding:.6rem .8rem calc(.6rem + env(safe-area-inset-bottom));
  background:color-mix(in srgb, var(--bg) 93%, transparent);
  backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px);
  border-top:1px solid var(--line);
}
.dock .btn{ flex:1; padding:.7rem 1rem; font-size:.92rem; }
body{ padding-bottom:4.8rem; }
@media (min-width:760px){ .dock{ display:none; } body{ padding-bottom:0; } }

/* ───────── חשיפה בגלילה ───────── */
.rv{ opacity:0; transform:translateY(20px); transition:opacity .75s ease, transform .75s cubic-bezier(.2,.8,.3,1); }
.rv.in{ opacity:1; transform:none; }
@media (prefers-reduced-motion: reduce){
  .rv{ opacity:1 !important; transform:none !important; transition:none !important; }
  .btn:hover,.cube:hover,.sister:hover,.cert-shot:hover,.contact-list a:hover{ transform:none; }
  html{ scroll-behavior:auto; }
}

/* ═══ אלמנטי החתימה ═══════════════════════════════════════════════════════
   premium_design §2C דורש "אלמנט אחד שהעיצוב ייזכר בזכותו", ו-§2D דורש שהוא
   ינבע מעולם הנושא. שניהם כאן נגזרים מהמקצוע עצמו, לא מקישוט כללי. */

/* ── עיסוי: קו-הזהב שנמתח בעצמו ──
   התנועה היחידה בדף, ורק פעם אחת לכל פריט בחשיפה — "פחות זה יותר" (§2D). */
html[data-pro="massage"] .cube::before{ transform:scaleX(0); }
html[data-pro="massage"] .cube.in::before{ transform:scaleX(1); transition-delay:.15s; }

/* סייג'-במבוק כאקצנט שני אמיתי — מרסן את הזהב מלהיות "אקצנט בודד" גנרי */
html[data-pro="massage"] .tag{ border-color:color-mix(in srgb, var(--second) 42%, var(--line-soft)); }
html[data-pro="massage"] .cube__n{ color:var(--second); }
html[data-pro="massage"] .step::after{ border-color:var(--second); }
html[data-pro="massage"] .hero::after{
  content:""; position:absolute; inset-block-start:0; inset-inline-start:0; z-index:0;
  width:2px; height:100%; pointer-events:none;
  background:linear-gradient(to bottom, transparent, var(--second), transparent); opacity:.28;
}

/* ── חקירות: פס-ההסתרה שנפתח ──
   כותרות-משנה ומספרי-תיק יושבים מאחורי פס אטום שנשלף בחשיפה. זה המסמך
   המצונזר — הדימוי המובהק של המקצוע — ולא "אנימציית fade" כללית. */
html[data-pro="pi"] .redact{ position:relative; display:inline-block; }
html[data-pro="pi"] .redact::after{
  content:""; position:absolute; inset:-2px -5px;
  background:var(--accent); border-radius:2px;
  transform-origin:left center; transition:transform .55s cubic-bezier(.7,0,.2,1);
}
html[data-pro="pi"] .rv.in .redact::after,
html[data-pro="pi"] .redact.in::after{ transform:scaleX(0); }

/* מספרי-תיק במונוספייס — תפקיד-טיפוגרפיה שלישי, שפת המקצוע */
html[data-pro="pi"] .cube__n,
html[data-pro="pi"] .step__n,
html[data-pro="pi"] .case-no{
  font-family:ui-monospace,'SF Mono',Menlo,Consolas,monospace;
  letter-spacing:.06em;
}
html[data-pro="pi"] .cube__n{ font-size:.78rem; color:var(--accent-2); }
html[data-pro="pi"] .cube{ border-inline-start:2px solid var(--line); }
html[data-pro="pi"] .cube:hover{ border-inline-start-color:var(--accent); }

/* חותם הרישיון — המקום היחיד שבו מופיע זהב בדף החקירות (ריסון, §2D) */
html[data-pro="pi"] .cert-shot:nth-child(2){ border-color:color-mix(in srgb, var(--second) 38%, var(--line)); }

/* ── כבוד לצבעי המותג: כפתור הוואטסאפ לובש את הפלטה ולא ירוק-וואטסאפ ──
   (בקשת ירין: "הירוק לא קשור לסכמת הצבעים") */
.contact-list a span[aria-hidden]{
  width:34px; height:34px; flex:none; display:grid; place-items:center;
  border-radius:9px; background:var(--surface-2); color:var(--accent-2); font-size:1rem;
}

/* אף בלוק לא חורג מרוחב המסך — כולל תמונות ותיבות טופס (שדות select/textarea
   נוטים לקבל רוחב מובנה גדול מהמכולה שלהם). */
img, figure, .cube, .form-card, .cert-shot, .contact-list a{ max-width:100%; }
input, select, textarea{ max-width:100%; }
@media (max-width:480px){
  .wrap{ width:min(1140px, 100% - 1.8rem); }
  .hero__title{ font-size:clamp(1.9rem, 8vw, 2.4rem); }
  .btn{ padding:.78rem 1.15rem; font-size:.92rem; }
  .sister{ font-size:.78rem; padding:.38rem .8rem; }
}

/* מרווח בין הטקסט לאימוג'י בכפתורי-החוץ שבניווט (ירין: "הם קרובים מדי").
   רווח רגיל נבלע בין עברית לאימוג'י — margin נותן שליטה עקבית. */
.nav-emoji{ margin-inline-start:.4em; display:inline-block; }

/* משפט ההסכמה בטפסי דפי הנחיתה — ר' styles.css */
.form-consent{ font-size:.78rem; line-height:1.7; opacity:.7; margin:.5rem 0 0; }
.form-consent a{ text-decoration:underline; text-underline-offset:2px; }

/* ── הסכמה בטפסים (6.10, תיקון 13 לחוק הגנת הפרטיות) ── */
.form-consent-box{display:flex;flex-direction:column;gap:.5rem;margin:.25rem 0 1rem}
.form-check{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer;font-size:.95rem;line-height:1.55}
.form-check input{flex:none;width:1.25rem;height:1.25rem;margin-top:.15rem;accent-color:#C6A34E;cursor:pointer}
.form-check a,.form-check .legal-link{color:inherit;text-decoration:underline;text-underline-offset:3px;font-weight:600}
.form-check.is-error span{color:#C0392B}
.form-check.is-error input{outline:2px solid #C0392B;outline-offset:2px}
.form-notice{font-size:.82rem;line-height:1.6;opacity:.78;margin:0}