/* ==========================================================================
   igm-home.css — הבלוק שבתחתית דף הבית · 08.11.2026
   ==========================================================================
   משתמש בטוקנים של igm-site.css, שנטען לפניו בכל עמוד.
   ========================================================================== */

.igm-home{
  max-width:1160px;
  margin:0 auto;
  padding:48px 16px 8px;
  font-family:'Rubik', sans-serif;
  color:var(--igm-ink, #1C2033);
  direction:rtl;
  text-align:right;
}

.igm-home-sec{ margin:0 0 56px; }

.igm-home h2{
  font-size:28px; font-weight:600; line-height:1.3;
  margin:0 0 14px; color:var(--igm-ink, #1C2033);
}
.igm-home h3{ font-size:17px; font-weight:600; margin:0 0 6px; }
.igm-home p{ font-size:16px; line-height:1.75; margin:0 0 12px; color:#2B3040; }
.igm-home-sub{ color:var(--igm-muted, #5C6170); margin-bottom:22px; }
.igm-home-lead{ font-size:17px; }

.igm-home-more{ margin-top:16px; display:flex; gap:22px; flex-wrap:wrap; }
.igm-home-more a{
  color:var(--igm-cta, #2563EB); font-weight:500; text-decoration:none;
  border-bottom:1px solid transparent;
}
.igm-home-more a:hover{ border-bottom-color:currentColor; }

/* --- 1. עוז --- */
.igm-home-oz{ display:flex; gap:32px; align-items:flex-start; flex-wrap:wrap; }
.igm-home-oz-img{ flex:0 0 200px; }
.igm-home-oz-img img{
  width:200px; height:256px; object-fit:cover;
  border-radius:var(--igm-r-card, 14px); display:block;
}
.igm-home-oz-txt{ flex:1 1 420px; min-width:0; }
.igm-home-lic{
  margin-top:14px; font-size:14px; color:var(--igm-muted, #5C6170);
  border-top:1px solid var(--igm-border, #E5E7EB); padding-top:12px;
}

/* --- 2. איך זה עובד --- */
.igm-home-steps{
  list-style:none; margin:0; padding:0;
  display:grid; gap:22px; grid-template-columns:repeat(auto-fit, minmax(230px, 1fr));
}
.igm-home-steps li{
  background:var(--igm-bg-surface, #fff);
  border:1px solid var(--igm-border, #E5E7EB);
  border-radius:var(--igm-r-card, 14px);
  padding:22px 20px;
}
.igm-home-step-n{
  display:inline-flex; align-items:center; justify-content:center;
  width:30px; height:30px; margin-bottom:12px;
  border-radius:999px; background:var(--igm-cta, #2563EB);
  color:#fff; font-size:14px; font-weight:600;
}
.igm-home-steps p{ font-size:15px; margin:0; }

/* --- 3. לוגואים --- */
.igm-home-logos{
  list-style:none; margin:0; padding:0;
  display:grid; gap:14px; grid-template-columns:repeat(auto-fill, minmax(130px, 1fr));
}
.igm-home-logos li{
  background:#fff; border:1px solid var(--igm-border, #E5E7EB);
  border-radius:var(--igm-r-field, 10px);
  height:84px; display:flex; align-items:center; justify-content:center; padding:10px;
}
.igm-home-logos img{
  max-width:100%; max-height:100%; width:auto; height:auto;
  object-fit:contain; display:block;
}

/* --- 4. שקיפות --- */
.igm-home-trust{
  background:var(--igm-bg-subtle, #F9FAFB);
  border:1px solid var(--igm-border, #E5E7EB);
  border-radius:var(--igm-r-card, 14px);
  padding:28px 26px;
}

/* --- 5. מומחים --- */
.igm-home-experts{
  list-style:none; margin:0; padding:0;
  display:grid; gap:18px; grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
}
.igm-home-experts li{
  border:1px solid var(--igm-border, #E5E7EB);
  border-radius:var(--igm-r-card, 14px);
  padding:20px;
}
.igm-home-experts p{ font-size:15px; margin:0; color:var(--igm-muted, #5C6170); }

/* --- 6. שאלות ותשובות --- */
.igm-home-faq details{
  border:1px solid var(--igm-border, #E5E7EB);
  border-radius:var(--igm-r-field, 10px);
  margin:0 0 10px; background:#fff;
}
.igm-home-faq summary{
  cursor:pointer; padding:16px 18px; font-size:16px; font-weight:500;
  list-style:none; position:relative; padding-left:44px;
}
.igm-home-faq summary::-webkit-details-marker{ display:none; }
.igm-home-faq summary::after{
  content:'+'; position:absolute; left:18px; top:50%; transform:translateY(-50%);
  font-size:20px; line-height:1; color:var(--igm-cta, #2563EB);
}
.igm-home-faq details[open] summary::after{ content:'\2212'; }
.igm-home-faq details > div{ padding:0 18px 16px; }
.igm-home-faq details > div p{ margin:0; font-size:15px; }

@media (max-width:768px){
  .igm-home{ padding:32px 16px 4px; }
  .igm-home h2{ font-size:23px; }
  .igm-home-sec{ margin-bottom:40px; }
  .igm-home-oz{ gap:20px; }
  .igm-home-oz-img{ flex:0 0 140px; }
  .igm-home-oz-img img{ width:140px; height:180px; }
  .igm-home-logos{ grid-template-columns:repeat(auto-fill, minmax(104px, 1fr)); gap:10px; }
  .igm-home-logos li{ height:68px; }
}