/* ==========================================================================
   03s · הקופי המקורי של ספיר. נטען רק בעמוד 03s, אחרי lp360.css, וכל כלל תחום ב-body.v-sapir כדי לא לגעת ב-03.
   ========================================================================== */
/* הירו: 360 גדול (Display), "לבעלות עסקים" קטן מתחת, כותרת תחומה (תגית חתוכה), כותרת ראשית ארוכה */
.v-sapir .hero__mark { display: flex; flex-direction: column; gap: 4px; }
.v-sapir .t-display { font-size: 80px; line-height: 1; font-weight: var(--fw-semibold); }
.v-sapir .hero__for { font-size: var(--fs-h3); line-height: var(--lh-h3); font-weight: var(--fw-semibold); color: var(--text-accent-on-dark); }
.v-sapir .tag { position: relative; display: inline-block; isolation: isolate; padding: 14px 20px; font-size: 16px; line-height: 1.5; font-weight: var(--fw-medium); }
.v-sapir .tag::before { content: ""; position: absolute; inset: 0; z-index: -1; clip-path: var(--cut-sm); background: var(--bg-raised-dark); }
.v-sapir .hero__tag { margin-top: 28px; max-width: 30em; }
.v-sapir .hero__title--long { margin-top: 24px; font-size: 30px; line-height: 1.2; font-weight: var(--fw-semibold); max-width: 17em; }
.v-sapir .hero__grid--sapir { display: grid; gap: 0; margin-top: 32px; }
.v-sapir .hero__grid--sapir .hero__text { margin-top: 0; }
.v-sapir .hero__grid--sapir .hero__art { margin-top: 40px; margin-bottom: 0; }
.v-sapir .hero__cta { margin-top: 24px; }
@media (min-width: 768px) { .v-sapir .t-display { font-size: 96px; } .v-sapir .hero__title--long { font-size: 40px; line-height: 1.15; } }
@media (min-width: 1200px) {
  .v-sapir .t-display { line-height: 1.05; }
  .v-sapir .hero__title--long { font-size: 48px; max-width: 15em; }
  .v-sapir .hero__grid--sapir { grid-template-columns: minmax(0, 1fr) 520px; grid-template-areas: "text art" "cta art"; column-gap: 64px; align-items: end; margin-top: 8px; }
  .v-sapir .hero__grid--sapir .hero__text { grid-area: text; padding-bottom: 0; }
  .v-sapir .hero__grid--sapir .hero__art { grid-area: art; width: 520px; margin: 0; align-self: center; }
  .v-sapir .hero__cta { grid-area: cta; align-self: start; margin-top: 40px; padding-bottom: 96px; }
}
/* מוכנה גם?: "כותרת משנה" של ספיר - שורה בגודל H3 במשקל רגיל, מתחת לכותרת */
.v-sapir .ready__sub { margin-top: var(--sp-16); font-size: var(--fs-h3); line-height: 1.4; font-weight: var(--fw-regular); }
/* מה כוללת: שורת הנתונים ממורכזת מתחת ליהלום (במה מרכזית) */
.v-sapir .stats--sapir { margin: var(--sp-48) auto 0; max-width: 720px; justify-items: center; }
.v-sapir .stats--sapir .stat { justify-items: center; text-align: center; }
/* הזמנה: הקופי שאחרי הטופס */
.v-sapir .invite__after { margin-top: var(--sp-48); max-width: 46em; }
.v-sapir .invite__after p + p, .v-sapir .invite__after .footnotes { margin-top: var(--sp-16); }
.v-sapir .footnotes p + p { margin-top: var(--sp-8); }
/* וואטסאפ סבב 2 על שמנת */
.v-sapir .msgs .gallery { margin-top: var(--sp-32); }
/* למי זה מתאים · 18 (יונתן, 4.10.26): אותם שני מסלולים כמו ב-03, הצילום ממורכז מול הכותרת והרשימה.
   ב-03s הסעיף לבן, ולכן לפי הכלל של 16ג התמונה מימין מ-1200 (הכרעה 4.10.26) - והטורים של "לא מתאים" מתהפכים איתה:
   הימני ברוחב הצילום (520), השמאלי בקו הטקסט שמעליו. */
.v-sapir .fit .icon-list { margin-top: var(--sp-24); }
.v-sapir .fit__no { margin-top: var(--sp-48); }
@media (min-width: 1200px) {
  .v-sapir .fit .split--top { align-items: center; grid-template-columns: minmax(0, 520px) minmax(0, 1fr); }
  .v-sapir .fit .split > .shape { grid-column: 1; grid-row: 1; }
  .v-sapir .fit .split > :not(.shape) { grid-column: 2; grid-row: 1; }
  .v-sapir .fit__no { margin-top: var(--sp-64); }
  .v-sapir .fit__no .icon-list { grid-template-columns: minmax(0, 520px) minmax(0, 1fr); column-gap: 96px; }
}
/* הסיפור אחרון: הסגירה */
.v-sapir .story__close { margin-top: var(--sp-64) !important; }

/* סבב 4: מובייל - טקסט וכפתור במסך הראשון, התמונה אחריהם. הכותרת הארוכה לא קוצרה, רק הוקטנה */
@media (max-width: 1199px) {
  .v-sapir .hero__grid--sapir { margin-top: 20px; }
  .v-sapir .hero__grid--sapir .hero__text { order: 0; }
  .v-sapir .hero__cta { order: 1; margin-top: 20px; }
  .v-sapir .hero__grid--sapir .hero__art { order: 2; margin-top: 36px; }
}
@media (max-width: 767px) {
  .v-sapir .t-display { font-size: 56px; }
  .v-sapir .hero__for { font-size: 20px; }
  .v-sapir .hero__tag { margin-top: 16px; padding: 10px 16px; font-size: 15px; }
  .v-sapir .hero__title--long { margin-top: 16px; font-size: 26px; line-height: 1.22; }
}
/* סבב 6: הכפתור מתחת לתמונה גם בגרסה של ספיר */
@media (max-width: 1199px) {
  .v-sapir .hero__cta { order: 3; margin-top: 32px; }
}

/* סבב 7: הירו ממורכז בעמודה אחת. הכותרת הארוכה ממורכזת ומאוזנת, התגית ממורכזת. */
@media (max-width: 1199px) {
  .v-sapir .hero__mark { align-items: center; }
  .v-sapir .hero__tag { margin-inline: auto; text-wrap: balance; }
  .v-sapir .hero__title--long { margin-inline: auto; text-wrap: balance; }
}
