/* strips.css — פס נושא בראש כל סעיף בדף הבית (אורן, 11/10/2026): "בשורה 'החזון שלנו' לשים פס רקע של
   אופק, ים ושמש עולה ומשהו שמשדר אופטימיות; בכל האתר אפשר למקם סטריפ בכל תחילת נושא, שמשקף את הנושא".
   קובץ אחד לכל השפות (קישור מוחלט /strips.css בכל דף, כדי שבודק השפות יראה את אותו משאב). האיורים הם
   SVG נפרדים ב-/strips/, בלי טקסט — הכותרת נשארת HTML רגיל, והפס הוא קישוט (::before) שקוראי מסך
   מדלגים עליו. במצבי ניגודיות גבוהה ובהדפסה הפס מוסתר. בלי אנימציה. */
section[data-sync="about"] > h2, section[data-sync="vision"] > h2, section[data-sync="testers"] > h2,
section[data-sync="features"] > h2, [data-sync="shots-head"] > h2, h2[data-sync="release-heading"],
section[data-sync="install-android"] > h2, section[data-sync="desktop"] > h2, section[data-sync="first-time"] > h2,
section[data-sync="trouble"] > h2, section[data-sync="contact"] > h2 {
  --strip: none;
  background: var(--card); border: 1px solid var(--line); border-radius: 12px;
  padding: 0 18px 12px; margin: 34px 0 14px; overflow: hidden;
}
section[data-sync="about"] > h2::before, section[data-sync="vision"] > h2::before, section[data-sync="testers"] > h2::before,
section[data-sync="features"] > h2::before, [data-sync="shots-head"] > h2::before, h2[data-sync="release-heading"]::before,
section[data-sync="install-android"] > h2::before, section[data-sync="desktop"] > h2::before, section[data-sync="first-time"] > h2::before,
section[data-sync="trouble"] > h2::before, section[data-sync="contact"] > h2::before {
  content: ""; display: block; height: 104px; margin: 0 -18px 12px;
  background: var(--strip) center / cover no-repeat; background-color: var(--brand-soft);
}
@media (max-width: 560px) {
  section[data-sync="about"] > h2::before, section[data-sync="vision"] > h2::before, section[data-sync="testers"] > h2::before,
  section[data-sync="features"] > h2::before, [data-sync="shots-head"] > h2::before, h2[data-sync="release-heading"]::before,
  section[data-sync="install-android"] > h2::before, section[data-sync="desktop"] > h2::before, section[data-sync="first-time"] > h2::before,
  section[data-sync="trouble"] > h2::before, section[data-sync="contact"] > h2::before { height: 84px; }
}
section[data-sync="about"] > h2            { --strip: url(/strips/about.svg); }
section[data-sync="vision"] > h2           { --strip: url(/strips/vision.svg); }
section[data-sync="testers"] > h2          { --strip: url(/strips/testers.svg); }
section[data-sync="features"] > h2         { --strip: url(/strips/features.svg); }
[data-sync="shots-head"] > h2              { --strip: url(/strips/shots.svg); }
h2[data-sync="release-heading"]            { --strip: url(/strips/release.svg); }
section[data-sync="install-android"] > h2  { --strip: url(/strips/install-android.svg); }
section[data-sync="desktop"] > h2          { --strip: url(/strips/desktop.svg); }
section[data-sync="first-time"] > h2       { --strip: url(/strips/first-time.svg); }
section[data-sync="trouble"] > h2          { --strip: url(/strips/trouble.svg); }
section[data-sync="contact"] > h2          { --strip: url(/strips/contact.svg); }
/* ניגודיות גבוהה (תפריט הנגישות) והדפסה: הכותרת חוזרת לצורה הפשוטה, בלי איור. */
html[data-a11y-contrast] .wrap h2::before, html[data-a11y-contrast] .wrap h2 { display: block; }
html[data-a11y-contrast] .wrap h2::before { content: none; }
html[data-a11y-contrast] .wrap h2 { padding-top: 10px; }
@media print { .wrap h2::before { content: none !important; } .wrap h2 { padding-top: 10px; } }