/* ערב מבוא · שכבת עמוד הנחיתה מעל style.css ו-home.css
   ⛔ הסיבה לקובץ הזה: `.sec` באתר הוא 130px למעלה ולמטה, כי הוא נבנה
   לעמודי תוכן עם פרוזה ארוכה. בעמוד נחיתה עם טקסט קצר זה מייצר בורות
   ריקים. כאן הריווח נגזר מהתוכן. */

.sec{padding:88px 0}
.sec.sec-sm{padding:64px 0}
.prose p{margin-top:18px}
/* ⚠️ לפסקאות באתר יש הגבלת רוחב, וב-RTL הקופסה נצמדת לימין. לכן פסקה
   שמכילה רק כפתור ממרכזת אותו בתוך 620px שיושבים בצד ימין, והכפתור
   נראה תלוי באוויר. נמדד ב-1300: הפסקה 585 עד 1205. */
.mid{text-align:center;max-width:none;margin-inline:auto}

/* ---------- ההירו ---------- */
/* הכפתור ישב במרחק אפס מקופסת המועדים, נמדד, ונראה מודבק לקצה שלה.
   הסדר גם התהפך: קודם הפעולה, ואחריה הפרטים היבשים. */
.hero h1{font-size:clamp(2.1rem,4.4vw,3.8rem)}
.hero .lead{margin-bottom:0;max-width:46ch}
.hero .cta-row{margin-top:36px}
.hero .cta-row .entry,.mid .entry{
  padding:18px 48px;font-size:1.04rem;
  background:rgba(224,192,112,.11);border-color:rgba(224,192,112,.48)
}
.hero .cta-row .entry:hover,.mid .entry:hover{background:rgba(224,192,112,.2)}
.hero .dateslot{
  margin-top:30px;padding:16px 22px;line-height:1.95;
  border-style:solid;border-color:rgba(224,192,112,.2);
  background:rgba(224,192,112,.05)
}

/* ---------- שלושת הכרטיסים ---------- */
.tri{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* ---------- ארבע התנועות, שורה דחוסה ולא כרטיסים ---------- */
.quad{
  display:grid;grid-template-columns:repeat(2,1fr);gap:14px 34px;
  margin-top:34px;padding-top:30px;border-top:1px solid var(--line)
}
.quad div{display:flex;gap:12px;align-items:baseline}
.quad b{color:var(--gold);font-weight:400;white-space:nowrap}
.quad span{color:var(--muted);font-size:.95rem;line-height:1.6}

/* ---------- מי מעביר ---------- */
.nm{color:var(--gold);font-weight:400}
.hd-split .shot{max-width:360px;margin-inline:auto}

@media (max-width:900px){
  .tri{grid-template-columns:1fr}
  .quad{grid-template-columns:1fr;gap:12px}
}

@media (max-width:760px){
  .sec{padding:66px 0}
  .hero{padding:120px 0 70px}
  .hero .const{max-width:230px;margin-bottom:2px}
  .hero .cta-row{margin-top:28px}
  .hero .cta-row .entry,.mid .entry{padding:16px 38px}
  .hero .dateslot{margin-top:22px;padding:14px 18px}
}