.elementor-9108 .elementor-element.elementor-element-3d70af6{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS */<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link href="https://fonts.googleapis.com/css2?family=Heebo:wght@300;400;500;600;700;800&display=swap" rel="stylesheet" />

<style>
  .sy-home {
    direction: rtl;
    text-align: right;
    font-family: 'Heebo', sans-serif;
    color: #2B2826;
    background: radial-gradient(circle at 50% 25%, #FFFFFF 0%, #F4ECE4 58%, #E6EFF1 100%);
    padding: 32px 20px 52px;
  }
  .sy-home *, .sy-home *::before, .sy-home *::after {
    box-sizing: border-box;
  }
  .sy-home a { text-decoration: none; }
  .sy-home-grid {
    max-width: 1240px;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 330px 1fr 295px;
    gap: 24px;
    align-items: start;
  }
  .sy-home-center {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .sy-home-photo {
    width: 100%;
    max-width: 420px;
    display: block;
    height: auto;
    object-fit: cover;
    border-radius: 18px;
    margin-bottom: 18px;
  }
  .sy-home-intro {
    max-width: 460px;
    padding: 0 12px;
  }
  .sy-home-kicker {
    font-size: 13.5px;
    font-weight: 700;
    color: #1E98A8;
    margin-bottom: 4px;
  }
  .sy-home-name {
    margin: 0 0 8px;
    font-size: 32px;
    font-weight: 800;
    color: #2B2826;
    line-height: 1.15;
  }
  .sy-home-bio {
    margin: 0 0 14px;
    font-size: 14.5px;
    color: #4E4843;
    line-height: 1.6;
  }
  .sy-home-about-btn {
    display: inline-block;
    border: 1.5px solid #1E98A8;
    background: rgba(255,255,255,0.88);
    color: #1E98A8 !important;
    font-weight: 700;
    font-size: 13.5px;
    padding: 8px 18px;
    border-radius: 10px;
  }
  .sy-home-panel {
    background: rgba(255, 255, 255, 0.88);
    backdrop-filter: blur(12px);
    border: 1px solid rgba(229, 221, 208, 0.95);
    border-radius: 20px;
    padding: 20px;
    box-shadow: 0 12px 32px rgba(43, 40, 38, 0.06);
  }
  .sy-home-panel-title {
    font-size: 15px;
    font-weight: 800;
    color: #1E98A8;
    margin: 0 0 12px;
  }
  .sy-home-featured {
    background: linear-gradient(135deg, #FFF8F4 0%, #F7EAE2 100%);
    border: 2px solid #B85D43;
    border-radius: 16px;
    padding: 16px;
    margin-bottom: 14px;
  }
  .sy-home-badge {
    display: inline-block;
    background: #B85D43;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 700;
    padding: 3px 10px;
    border-radius: 999px;
    margin-bottom: 8px;
  }
  .sy-home-featured h3 {
    margin: 0 0 4px;
    font-size: 18px;
    font-weight: 800;
    color: #2B2826;
  }
  .sy-home-featured p {
    margin: 0 0 12px;
    font-size: 13px;
    color: #5A534E;
    line-height: 1.5;
  }
  .sy-home-btn-terra {
    display: block;
    text-align: center;
    background: #B85D43;
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 13.5px;
    padding: 10px 14px;
    border-radius: 10px;
  }
  .sy-home-news {
    padding: 12px 0;
    border-top: 1px solid #EAE4DC;
  }
  .sy-home-news h4 { margin: 0 0 3px; font-size: 15px; font-weight: 700; color: #2B2826; }
  .sy-home-news p { margin: 0 0 8px; font-size: 12.5px; color: #635D58; }
  .sy-home-btn-row { display: flex; flex-wrap: wrap; gap: 6px; }
  .sy-home-btn-purple {
    display: inline-block;
    background: #9B3FA0;
    color: #FFFFFF !important;
    font-size: 12px;
    font-weight: 600;
    padding: 6px 11px;
    border-radius: 8px;
  }
  .sy-home-btn-purple-out {
    display: inline-block;
    background: #FFFFFF;
    color: #9B3FA0 !important;
    border: 1px solid #9B3FA0;
    font-size: 12px;
    font-weight: 600;
    padding: 5px 10px;
    border-radius: 8px;
  }
  .sy-home-nav-group { margin-bottom: 14px; }
  .sy-home-nav-label {
    font-size: 11.5px;
    font-weight: 700;
    color: #8A8179;
    margin: 0 0 8px;
  }
  .sy-home-nav-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .sy-home-tile {
    display: flex;
    align-items: center;
    gap: 8px;
    background: #FAF7F2;
    border: 1px solid #E5DDD0;
    border-radius: 12px;
    padding: 9px 11px;
    font-size: 13px;
    font-weight: 600;
    color: #2B2826 !important;
    transition: all 0.2s ease;
  }
  .sy-home-tile:hover {
    background: #FFFFFF;
    border-color: #1E98A8;
    color: #1E98A8 !important;
  }
  .sy-home-dot {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #1E98A8;
    flex-shrink: 0;
  }
  .sy-home-dot.purple { background: #9B3FA0; }
  .sy-home-dot.terra { background: #B85D43; }
  .sy-home-tile-wide { grid-column: span 2; }
  .sy-home-todu {
    background: linear-gradient(135deg, #FBF4FC 0%, #F4E8F6 100%);
    border: 1px solid #E2C5E6;
    border-radius: 14px;
    padding: 12px;
    margin-bottom: 14px;
  }
  .sy-home-todu-head {
    font-size: 13px;
    font-weight: 800;
    color: #7D2B82;
    margin-bottom: 8px;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .sy-home-todu-head span { font-size: 11px; font-weight: 500; color: #9B3FA0; }
  .sy-home-todu-links {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
  }
  .sy-home-todu-link {
    background: #FFFFFF;
    border: 1px solid #DEC0E2;
    border-radius: 10px;
    padding: 7px 8px;
    font-size: 12.5px;
    font-weight: 600;
    color: #7D2B82 !important;
    text-align: center;
  }
  .sy-home-contact {
    margin-top: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(135deg, #9B3FA0 0%, #7D2B82 100%);
    color: #FFFFFF !important;
    font-weight: 700;
    font-size: 14px;
    padding: 12px;
    border-radius: 12px;
  }
  @media (max-width: 1020px) {
    .sy-home-grid { grid-template-columns: 1fr; }
    .sy-home-center { order: -1; }
  }
</style>

<div class="sy-home">
  <div class="sy-home-grid">

    <section class="sy-home-panel">
      <div class="sy-home-panel-title">מה חדש?</div>

      <div class="sy-home-featured">
        <span class="sy-home-badge">חדש • חורף 2027</span>
        <h3>רק על עצמי לספר ידעתי</h3>
        <p>סדנת כתיבה טיפולית בהוד השרון • 12 מפגשים החל מ־10.1.2027 (עד 15 משתתפים)</p>
        <a href="https://shirley-yuval.com/?page_id=9079" class="sy-home-btn-terra">לכל הפרטים וההרשמה ←</a>
      </div>

      <div class="sy-home-news">
        <h4>תוֹדוּ לִיסְט</h4>
        <p>ערכת אימון להגברת הטוב בחייכם</p>
        <div class="sy-home-btn-row">
          <a href="LINK_TODOLIST_BOX" class="sy-home-btn-purple">לרכישת המארז המלא</a>
          <a href="LINK_TODOLIST_CARDS" class="sy-home-btn-purple-out">לרכישת הקלפים בלבד</a>
        </div>
      </div>

      <div class="sy-home-news">
        <h4>צידה לדרך</h4>
        <p>במוצ"ש – פוסט עם כל טוב, ממני.</p>
        <a href="LINK_WHATSAPP_GROUP" class="sy-home-btn-purple">להצטרפות לקבוצת הווצאפ השקטה</a>
      </div>

      <div class="sy-home-news">
        <h4>סדנת פסיכולוגיה חיובית</h4>
        <p>סדנאות קבוצתיות לקהל הרחב</p>
        <a href="https://shirley-yuval.com/%D7%A1%D7%93%D7%A0%D7%90%D7%95%D7%AA/%D7%A1%D7%93%D7%A0%D7%90%D7%95%D7%AA-%D7%9C%D7%A7%D7%94%D7%9C-%D7%94%D7%A8%D7%97%D7%91/" class="sy-home-btn-purple-out">לפרטים על הסדנה</a>
      </div>
    </section>

    <section class="sy-home-center">
      <img class="sy-home-photo" src="https://shirley-yuval.com/wp-content/uploads/2019/03/%D7%91%D7%99%D7%AA-1.jpg" alt="שירלי יובל יאיר" />
      <div class="sy-home-intro">
        <div class="sy-home-kicker">פסיכולוגית (M.A), סופרת ומוזיקאית</div>
        <h2 class="sy-home-name">שירלי יובל יאיר</h2>
        <p class="sy-home-bio">
          מחברת מילים, צלילים ונפש האדם. מרצה, מנחת סדנאות ומטפלת בפסיכולוגיה חיובית – המדע של האושר – לחיים של סיפוק ומשמעות.
        </p>
        <a href="https://shirley-yuval.com/%D7%90%D7%95%D7%93%D7%95%D7%AA/" class="sy-home-about-btn">עוד עלי ←</a>
      </div>
    </section>

    <nav class="sy-home-panel">
      <div class="sy-home-panel-title" style="color:#2B2826;">גלו עוד באתר</div>

      <div class="sy-home-nav-group">
        <p class="sy-home-nav-label">פעילות והנחיה</p>
        <div class="sy-home-nav-grid">
          <a href="https://shirley-yuval.com/%D7%90%D7%95%D7%93%D7%95%D7%AA/" class="sy-home-tile"><span class="sy-home-dot"></span>מי אני</a>
          <a href="https://shirley-yuval.com/%D7%94%D7%A8%D7%A6%D7%90%D7%95%D7%AA/" class="sy-home-tile"><span class="sy-home-dot"></span>הרצאות</a>
          <a href="https://shirley-yuval.com/%D7%A1%D7%93%D7%A0%D7%90%D7%95%D7%AA/%D7%A1%D7%93%D7%A0%D7%90%D7%95%D7%AA-%D7%9C%D7%A7%D7%94%D7%9C-%D7%94%D7%A8%D7%97%D7%91/" class="sy-home-tile"><span class="sy-home-dot"></span>סדנאות</a>
          <a href="LINK_ORG_EXPERIENCE" class="sy-home-tile"><span class="sy-home-dot"></span>חוויה לארגון</a>
        </div>
      </div>

      <div class="sy-home-todu">
        <div class="sy-home-todu-head">
          ״תוֹדוּ לִיסְט״
          <span>ערכת התרגול</span>
        </div>
        <div class="sy-home-todu-links">
          <a href="LINK_TODOLIST_BOX" class="sy-home-todu-link">המארז המלא</a>
          <a href="LINK_TODOLIST_CARDS" class="sy-home-todu-link">הקלפים בלבד</a>
        </div>
      </div>

      <div class="sy-home-nav-group">
        <p class="sy-home-nav-label">האזנה, קריאה ותקשורת</p>
        <div class="sy-home-nav-grid">
          <a href="https://shirley-yuval.com/%D7%A4%D7%95%D7%93%D7%A7%D7%90%D7%A1%D7%98/" class="sy-home-tile"><span class="sy-home-dot terra"></span>פודקאסט</a>
          <a href="https://shirley-yuval.com/%D7%A1%D7%A4%D7%A8%D7%99%D7%9D/" class="sy-home-tile"><span class="sy-home-dot terra"></span>הספרים שלי</a>
          <a href="https://shirley-yuval.com/category/%D7%91%D7%9C%D7%95%D7%92/" class="sy-home-tile"><span class="sy-home-dot purple"></span>בלוג</a>
          <a href="https://shirley-yuval.com/%D7%A9%D7%99%D7%A8%D7%99%D7%9D-2/" class="sy-home-tile"><span class="sy-home-dot purple"></span>שירים</a>
          <a href="LINK_PRESS" class="sy-home-tile sy-home-tile-wide"><span class="sy-home-dot"></span>עלי בתקשורת – כתבות וראיונות</a>
        </div>
      </div>

      <a href="https://shirley-yuval.com/%D7%A6%D7%95%D7%A8-%D7%A7%D7%A9%D7%A8/" class="sy-home-contact">צרו קשר ←</a>
    </nav>

  </div>
</div>/* End custom CSS */