/* ============================================================================
   GroupiApp — brand-v2.css  ·  דפי המותג הציבוריים בשפת v2 («נועז»)  ·  W-141  ·  22.10.2026
   frontend-engineer · נטען ב: organizations, safety, support, 404 (אחרי style.css ו-design-v2.css).

   למה קובץ אחד ולא ארבעה: ארבעת הדפים חולקים את אותו שלד — כרזה צהובה עם כותרת ענקית, ואז
   שורות «כותרת | תוכן» עם קו דיו עבה (`.v2-more` של design-v2.css). מה ש-design-v2.css לא
   מכסה (רשימות עם אייקון, הצהרה, מספר ענק, התראת חירום, שאלות נפוצות, טופס) יושב כאן
   בקידומת `v2-brand-`, לפי §0 של מדריך המערכת: רכיב חסר = מחלקה פרטית בדף, בלי הקידומת `v2-`
   הריקה, ובלי לערוך את הקובץ המשותף.

   כללי ברזל (אותם כללים של design-v2.css):
     · תכונות לוגיות בלבד — אין left / right / margin-left / text-align:right.
     · אפס צבע גולמי — טוקן, או color-mix של טוקן.   · אפס z-index מספרי.
     · יעד מגע ≥44 (--v2-tap).   · hover רק תחת (hover:hover) and (pointer:fine).

   ⛔ safety.html ו-support.html נוגעות באזהרות, בחירום ובמסלולי דיווח. כאן **עיצוב בלבד**: אף
   כלל בקובץ הזה לא מסתיר, מקפל, מקטין או מעמעם טקסט. ההתראה והכפתורים שלה בולטים יותר מקודם,
   לא פחות. הנוסח זהה מילה במילה ל-4ea8212 (test/brand-pages-v2.test.js מקבע).
   ========================================================================== */

:root{
  /* --t-poster-long (כותרת כרזה ארוכה) הועלה ל-style.css ב-W-142: טוקן משותף, לא מקומי. */
  --v2-brand-rule:3px;
}

/* ===== 1 · כרזה ================================================================ */
/* הצהוב מתחיל מהפיקסל הראשון של העמוד: מושכים את הכרזה מתחת לקפסולת הניווט הצפה
   (אותו חשבון בדיוק כמו `.hero` ב-style.css §8: הקפסולה 60px בזרימה, מרווח 64). */
.v2-brand-poster{
  margin-block-start:calc(var(--sp-10) * -1);
  padding-block:calc(var(--sp-10) + var(--sp-8)) var(--sp-9);
}
.v2-brand-poster .v2-poster__in{ gap:var(--sp-7) }
.v2-brand-poster__title--long{ font-size:var(--t-poster-long); line-height:.95 }
.v2-brand-poster .v2-eyebrow{ margin-block-start:var(--sp-5) }
.v2-brand-poster .v2-poster__lede{ margin-block-start:var(--sp-4); max-inline-size:52ch }
.v2-brand-poster .v2-poster__lede strong{ color:var(--ink); font-weight:700 }
.v2-brand-poster .v2-poster__lede a{ color:var(--ink); text-decoration-thickness:2px; text-underline-offset:4px }
.v2-brand-poster__cta{ margin:var(--sp-6) 0 0 }
/* בדסקטופ התצלום הנטוי נשאר בגבולות הכרזה ולא נדחס לרוחב הטקסט. */
.v2-brand-poster .v2-photo--lg{ margin-block:0 }

/* ===== 2 · גוף העמוד: שורות «כותרת | תוכן» ====================================== */
.v2-brand-main{ display:grid; grid-template-columns:minmax(0,1fr); gap:var(--sp-8); padding-block:var(--sp-9) var(--sp-10) }
.v2-brand-main--tight{ gap:var(--sp-5) }   /* עמוד שגיאה: כותרת ורשימה צמודות */
.v2-brand-rows > .v2-more__row{ padding-block:var(--sp-7) }
.v2-brand-h{
  margin:0; font-family:var(--font-display); font-weight:400;
  font-size:clamp(26px,2.6vw,36px); line-height:1.05; letter-spacing:var(--track-display);
}
@media (min-width:900px){
  .v2-brand-rows .v2-brand-h{ position:sticky; inset-block-start:calc(var(--nav-stick) + var(--sp-5)); align-self:start }
}
.v2-brand-rows .v2-more__row > div > *:first-child{ margin-block-start:0 }
.v2-brand-rows .v2-more__row > div > * + *{ margin-block-start:var(--sp-4) }
.v2-brand-rows p{ margin-block-end:0; color:var(--ink-2); font-size:var(--t-body) }
.v2-brand-rows p strong,.v2-brand-rows li strong{ color:var(--ink); font-weight:700 }
.v2-brand-rows a:not(.btn){ color:var(--ink); text-underline-offset:4px; text-decoration-thickness:2px }
.v2-brand-rows .micro{ font-size:var(--t-sm); color:var(--ink-2) }

/* ===== 3 · רשימות: שורה לכל פריט, עם אייקון או מספר ============================= */
.v2-brand-list{ list-style:none; margin:0; padding:0; display:grid }
.v2-brand-list > li{
  display:grid; grid-template-columns:var(--v2-tap) minmax(0,1fr); gap:var(--sp-4); align-items:start;
  padding-block:var(--sp-4); margin:0; border-block-end:1px solid var(--line);
  color:var(--ink-2); font-size:var(--t-body); line-height:1.55;
}
.v2-brand-list > li:first-child{ padding-block-start:0 }
.v2-brand-list > li:last-child{ border-block-end:0; padding-block-end:0 }
.v2-brand-list > li > .v2-ico{
  inline-size:28px; block-size:28px; margin-block-start:var(--sp-1); color:var(--ink);
}
/* רשימה ממוספרת: המספר ב-Secular One, כמו שעה בלוח. CSS counter: דקורטיבי בלבד. */
.v2-brand-list--num{ counter-reset:v2-brand-n }
.v2-brand-list--num > li{ counter-increment:v2-brand-n }
.v2-brand-list--num > li::before{
  content:counter(v2-brand-n); grid-column:1; grid-row:1;
  font-family:var(--font-display); font-size:var(--t-time); line-height:1.1; color:var(--ink);
  font-variant-numeric:tabular-nums lining-nums;
}
.v2-brand-list--num > li > span{ grid-column:2; grid-row:1 }

/* ===== 4 · הצהרה (במקום `.note` הישן) ============================================ */
.v2-brand-statement{
  margin:0; padding:var(--sp-6); background:var(--bg-elev); color:var(--ink);
  border:var(--v2-brand-rule) solid var(--ink);
  border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm);
}
.v2-brand-statement p{
  margin:0; color:var(--ink-2); font-size:var(--t-lede); line-height:1.55;
}
.v2-brand-statement p strong{
  display:block; margin-block-end:var(--sp-2); color:var(--ink);
  font-family:var(--font-display); font-weight:400; font-size:var(--t-title-lg); line-height:1.1;
}
/* תיבת הסבר בתוך שורה: במקום `.note` הישן (שהיה משטח עם פינה חדה). מסגרת דיו דקה, כל הטקסט גלוי. */
.v2-brand-callout{
  padding:var(--sp-5); background:var(--bg-elev); border:2px solid var(--ink);
  border-radius:var(--radius-xl); border-end-start-radius:var(--radius-sm);
}
.v2-brand-callout > p + p{ margin-block-start:var(--sp-4) }
.v2-brand-rows .v2-brand-callout p{ color:var(--ink) }
/* הערה שקטה (עם אייקון) — «אנחנו בהקמה». */
.v2-brand-note{
  display:grid; grid-template-columns:28px minmax(0,1fr); gap:var(--sp-4); align-items:start;
  padding:var(--sp-5); background:var(--bg-elev); border:1px solid var(--line-strong);
  border-radius:var(--radius-xl); border-end-start-radius:var(--radius-sm);
}
.v2-brand-note > .v2-ico{ inline-size:28px; block-size:28px; color:var(--ink) }
.v2-brand-note p{ margin:0; color:var(--ink-2); font-size:var(--t-body); line-height:1.6 }
.v2-brand-note p strong{ color:var(--ink); font-weight:700 }

/* ===== 5 · מספר ענק עם כיתוב — «0 ₪» ============================================ */
.v2-brand-stat{
  display:grid; gap:var(--sp-1); justify-items:start; align-content:center;
  padding:var(--sp-5) var(--sp-6); background:var(--yellow); color:var(--ink);
  border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm);
}
.v2-brand-stat b{
  font-family:var(--font-display); font-weight:400; font-size:var(--t-stat); line-height:.9;
  font-variant-numeric:tabular-nums lining-nums;
}
.v2-brand-stat span{ font-family:var(--font-head); font-weight:600; font-size:var(--t-meta); color:var(--ink-2) }
.v2-brand-cost{ display:grid; gap:var(--sp-5); align-items:start }
@media (min-width:600px){ .v2-brand-cost{ grid-template-columns:minmax(0,1fr) auto } }

/* ===== 6 · (נמחק ב-W-143: .v2-brand-end לא הופיע באף עמוד; הסגירה הצהובה היא .v2-end של design-v2.css) ===== */

/* ===== 7 · התראת חירום (safety) ================================================= */
/* בולטת יותר מהמקור: מסגרת עבה בצבע הסכנה, כותרת בגודל כרזה קטנה, ושני כפתורי חיוג גדולים.
   הטקסט, הסדר וה-id (`s-emergency`) זהים. */
.v2-brand-alert{
  margin:0; padding:var(--sp-6); background:var(--bg-elev); color:var(--ink);
  border:var(--v2-brand-rule) solid var(--danger);
  border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm);
}
.v2-brand-alert__head{ display:flex; align-items:center; gap:var(--sp-3) }
.v2-brand-alert__head .v2-ico{ inline-size:32px; block-size:32px; color:var(--danger) }
.v2-brand-alert h2{
  margin:0; color:var(--danger); font-size:clamp(30px,4vw,48px); line-height:1;
}
.v2-brand-alert p{ margin:var(--sp-4) 0 0; color:var(--ink-2); font-size:var(--t-lede); line-height:1.55 }
.v2-brand-alert .steps{ display:flex; flex-wrap:wrap; gap:var(--sp-3); margin:var(--sp-5) 0 0; padding:0 }
.v2-brand-actions{ display:flex; flex-wrap:wrap; gap:var(--sp-3); margin:0; padding:0 }
@media (max-width:520px){
  .v2-brand-alert .steps .btn,.v2-brand-actions .btn{ inline-size:100% }
}

/* ===== 8 · שאלות נפוצות ======================================================== */
/* אותו `details` בדיוק, אותו מצב סגור כברירת מחדל, אותו מקלדת: רק גדול וחד יותר.
   השאלה היא הכותרת; התשובה לא מקופלת מעבר למה שהיה. */
.v2-brand-faq{ margin:0; border-block-start:var(--v2-brand-rule) solid var(--ink) }
.v2-brand-faq details{ border-block-end:1px solid var(--line-strong) }
.v2-brand-faq summary{
  display:flex; justify-content:space-between; align-items:center; gap:var(--sp-4);
  min-block-size:64px; padding:var(--sp-4) var(--sp-1); cursor:pointer; list-style:none;
  font-family:var(--font-head); font-weight:700; font-size:var(--t-title-row); line-height:1.35;
}
.v2-brand-faq summary::-webkit-details-marker{ display:none }
.v2-brand-faq summary::after{
  content:"+"; flex:none; display:grid; place-items:center;
  inline-size:var(--v2-tap); block-size:var(--v2-tap); border-radius:50%;
  border:2px solid var(--ink); color:var(--ink); font-family:var(--font-head); font-size:24px; line-height:1;
}
.v2-brand-faq details[open] summary::after{ content:"–"; background:var(--signal); color:var(--on-signal); border-color:var(--signal) }
.v2-brand-faq details > *:not(summary){
  margin:0; padding:0 var(--sp-1) var(--sp-5); color:var(--ink-2); font-size:var(--t-body); line-height:1.65;
  max-inline-size:68ch;
}
.v2-brand-faq details > p + p{ margin-block-start:calc(var(--sp-3) * -1) }
.v2-brand-faq a{ color:var(--ink); text-underline-offset:4px; text-decoration-thickness:2px }
.v2-brand-faq details > p strong{ color:var(--ink); font-weight:700 }

/* ===== 9 · «מה שלי» — שני אריחים (safety) ======================================= */
.v2-brand-mine{ display:grid; gap:var(--sp-4); grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin:0 }
.v2-brand-mine > a,.v2-brand-mine > div{
  display:grid; gap:var(--sp-1); align-content:start; padding:var(--sp-5); min-block-size:var(--v2-tap);
  background:var(--bg-elev); border:1px solid var(--line-strong); color:var(--ink); text-decoration:none;
  border-radius:var(--radius-xl); border-end-start-radius:var(--radius-sm);
}
.v2-brand-mine strong{ font-family:var(--font-head); font-size:var(--t-title-row); font-weight:700 }
.v2-brand-mine p{
  margin:0; font-family:var(--font-display); font-size:var(--t-stat); line-height:.95; color:var(--ink);
  font-variant-numeric:tabular-nums lining-nums;
}
@media (hover:hover) and (pointer:fine){
  .v2-brand-mine > a:hover{ background:var(--band) }
}

/* ===== 10 · טופס פנייה (support) =============================================== */
/* הכרטיס הישן (`.card`) הופך לשורה גדולה עם קו דיו עבה: כותרת ומשפט בצד ההתחלה, הטופס בצד הסוף. כל שדה,
   id, label ו-aria נשארים כפי שהיו; רק המעטפת משתנה. */
.v2-brand-ticket{
  display:grid; gap:var(--sp-7); padding-block:var(--sp-8) var(--sp-10);
  border-block-start:var(--v2-brand-rule) solid var(--ink);
}
#ticket{ scroll-margin-block-start:var(--nav-stick) }
@media (min-width:900px){
  .v2-brand-ticket{ grid-template-columns:4fr 8fr; gap:var(--sp-8) }
  .v2-brand-ticket__head{ position:sticky; inset-block-start:calc(var(--nav-stick) + var(--sp-5)); align-self:start }
}
.v2-brand-ticket .section-h{ font-size:var(--t-poster-long); line-height:.95; margin:0 0 var(--sp-4) }
.v2-brand-ticket .lede{ margin:0 0 var(--sp-4); font-size:var(--t-body) }
.v2-brand-ticket form{ max-inline-size:none; margin:0 }
.v2-brand-ticket__form{
  padding:var(--sp-6); background:var(--bg-elev); border:1px solid var(--line-strong);
  border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm);
}
.v2-brand-ticket .btn-lg{ inline-size:100% }
@media (min-width:600px){ .v2-brand-ticket .btn-lg{ inline-size:auto } }
.v2-brand-ticket .done h3{ font-family:var(--font-display); font-weight:400; font-size:var(--t-title-lg); line-height:1.05 }
.v2-brand-ticket .done{ padding:var(--sp-6); background:var(--yellow); color:var(--ink); border-radius:var(--radius-2xl); border-end-start-radius:var(--radius-sm) }
.v2-brand-ticket .done p{ color:var(--ink) }

/* ===== 11 · 404 / עמודי שגיאה ================================================== */
.v2-brand-errcode{ margin:var(--sp-4) 0 0; font-family:var(--font-head); font-weight:700; font-size:var(--t-meta); color:var(--ink) }
.v2-brand-erract{ margin:var(--sp-6) 0 0 }
/* רשימת היעדים: שורה לכל יעד, כל השורה לחיצה, חץ קדימה בשני הכיוונים. */
.v2-brand-links{ list-style:none; margin:0; padding:0; border-block-start:var(--v2-brand-rule) solid var(--ink) }
.v2-brand-links > li{
  position:relative; display:flex; align-items:center; justify-content:space-between; gap:var(--sp-4);
  min-block-size:72px; padding-block:var(--sp-4); border-block-end:1px solid var(--line-strong);
}
.v2-brand-links a{
  display:flex; align-items:center; min-block-size:var(--v2-tap);
  color:var(--ink); text-decoration:none; font-family:var(--font-display); font-size:var(--t-title-lg); line-height:1.1;
}
.v2-brand-links a::after{ content:""; position:absolute; inset:0 }
.v2-brand-links .v2-ico{ inline-size:28px; block-size:28px; color:var(--ink) }
@media (hover:hover) and (pointer:fine){
  .v2-brand-links > li:hover a{ text-decoration:underline; text-underline-offset:6px; text-decoration-thickness:3px }
}
@supports selector(:has(*)){
  .v2-brand-links a:focus-visible{ outline:none; box-shadow:none }
  .v2-brand-links > li:has(a:focus-visible){
    outline:3px solid var(--focus-ring); outline-offset:3px; box-shadow:0 0 0 3px var(--bg);
    border-radius:var(--radius-sm);
  }
}
.v2-brand-where{ margin:0; font-family:var(--font-display); font-weight:400; font-size:var(--t-h2); line-height:1; color:var(--ink) }