/* Homepage benefits presentation. Content remains exclusively owned by
   HomePageContent. This stylesheet intentionally loads after the legacy
   reference layout CSS so marketing edits never overflow fixed-size stats. */
body.ir-page-home .ir-storefront-v1 .ir-storefront-hero-trust{
  display:flex!important;
  flex-wrap:wrap!important;
  width:auto!important;
  max-width:100%!important;
  justify-content:center!important;
  gap:8px 0!important;
  overflow:visible!important;
}
body.ir-page-home .ir-storefront-v1 .ir-storefront-hero-trust li{
  min-width:0!important;
  max-width:100%!important;
  white-space:normal!important;
  line-height:1.45!important;
}
body.ir-page-home .ir-storefront-v1 .ir-storefront-hero-trust li strong{
  font-size:clamp(11px,1vw,13px)!important;
  overflow-wrap:anywhere;
}
body.ir-page-home .ir-storefront-v1 .ir-storefront-hero-trust li>span svg{
  width:20px;
  height:20px;
  display:block;
  color:#fb8727;
}

/* The three compact cards stay in normal flow next to Yarak, never
   absolute-positioned or clipped by the neighboring copy. */
body.ir-page-home .ir-home-why-v3__facts{
  display:grid!important;
  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:none!important;
  grid-auto-rows:minmax(80px,auto)!important;
  align-self:stretch!important;
  align-content:center!important;
  min-width:0!important;
  width:100%!important;
  gap:9px!important;
}
body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact{
  position:relative!important;
  inset:auto!important;
  display:flex!important;
  flex-direction:row!important;
  grid-template-columns:none!important;
  min-width:0!important;
  width:100%!important;
  min-height:80px!important;
  gap:9px!important;
  align-items:center!important;
  justify-content:flex-start!important;
  padding:10px!important;
  direction:rtl!important;
  text-align:right!important;
}
body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact .ir-home-why-v3__fact-icon{
  flex:0 0 38px!important;
  width:38px!important;
  height:38px!important;
  display:grid!important;
  place-items:center!important;
}
body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact .ir-home-why-v3__fact-icon svg{
  width:23px!important;
  height:23px!important;
}
body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact .ir-home-why-v3__fact-copy{
  flex:1 1 0!important;
  min-width:0!important;
  text-align:right!important;
  direction:rtl!important;
}
body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact .ir-home-why-v3__fact-copy strong{
  display:block!important;
  font-size:clamp(11px,1.08vw,14px)!important;
  line-height:1.6!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}

/* The four stats used to be numerical, so the old CSS forced 24px
   no-wrap labels. Editorial labels must instead wrap within each cell. */
body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  grid-auto-rows:auto!important;
  width:100%!important;
  min-width:0!important;
  align-items:stretch!important;
}
body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat{
  display:flex!important;
  min-width:0!important;
  min-height:98px!important;
  gap:10px!important;
  padding:14px 12px!important;
  align-items:center!important;
}
body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat__icon{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
}
body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat__icon svg{
  width:23px!important;
  height:23px!important;
  color:#fa7b14!important;
}
body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat__copy{
  min-width:0!important;
  flex:1 1 0!important;
  padding:0!important;
  text-align:right!important;
}
body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat__copy strong{
  font-size:clamp(12px,1.12vw,15px)!important;
  line-height:1.65!important;
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat__copy>span{
  white-space:normal!important;
  line-height:1.6!important;
}

/* New CMS-owned intro paragraphs did not inherit the former section's
   vertical rhythm. Treat them as a distinct section. */
body.ir-page-home .ir-home-why-reference-shell .ir-home-seo-intro{
  display:block;
  position:relative;
  width:100%;
  max-width:100%;
  box-sizing:border-box;
  margin:clamp(42px,5vw,70px) auto 0!important;
  padding:clamp(22px,3vw,36px)!important;
  border:1px solid #e0e8f3;
  border-radius:22px;
  background:#f8fbff;
  direction:rtl;
  text-align:right;
}
body.ir-page-home .ir-home-why-reference-shell .ir-home-seo-intro h2{
  margin:0 0 20px!important;
  font-size:clamp(19px,2.1vw,26px)!important;
  line-height:1.55!important;
  color:#132a4b;
}
body.ir-page-home .ir-home-why-reference-shell .ir-home-seo-intro p{
  margin:0 0 12px!important;
  font-size:clamp(13px,1.15vw,15px)!important;
  font-weight:500;
  line-height:2!important;
  color:#43556f;
}
body.ir-page-home .ir-home-why-reference-shell .ir-home-seo-intro p:last-child{margin-bottom:0!important}
html.dark body.ir-page-home .ir-home-why-reference-shell .ir-home-seo-intro{
  background:#111f32;
  border-color:#30415a;
}
html.dark body.ir-page-home .ir-home-why-reference-shell .ir-home-seo-intro h2{color:#f3f7fc}
html.dark body.ir-page-home .ir-home-why-reference-shell .ir-home-seo-intro p{color:#b8c8df}

@media(max-width:900px){
  body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat:nth-child(n+3){
    border-top:1px solid #f1d8c5!important;
  }
}
@media(max-width:640px){
  body.ir-page-home .ir-storefront-v1 .ir-storefront-hero-trust{justify-content:flex-start!important}
  body.ir-page-home .ir-home-why-v3__facts{grid-auto-rows:minmax(70px,auto)!important;gap:7px!important}
  body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact{
    min-height:70px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    align-content:center!important;
    justify-items:center!important;
    gap:5px!important;
    padding:8px 5px!important;
    text-align:center!important;
  }
  body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact .ir-home-why-v3__fact-icon{
    flex:none!important;
    width:34px!important;
    height:34px!important;
  }
  body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact .ir-home-why-v3__fact-icon svg{
    width:21px!important;height:21px!important;
  }
  body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact .ir-home-why-v3__fact-copy{
    width:100%!important;text-align:center!important;
  }
  body.ir-page-home .ir-home-why-v3 .ir-home-ref-mini-fact .ir-home-why-v3__fact-copy strong{
    font-size:10.5px!important;line-height:1.4!important;
  }
  body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat{
    gap:7px!important;
    padding:12px 8px!important;
    min-height:88px!important;
  }
  body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat__icon{
    flex-basis:34px!important;width:34px!important;height:34px!important;
  }
  body.ir-page-home .ir-home-stats-v3 .ir-home-ref-stats .ir-home-ref-stat__copy strong{
    font-size:12px!important;
    line-height:1.45!important;
  }
  body.ir-page-home .ir-home-why-reference-shell .ir-home-seo-intro{
    margin-top:32px!important;
    padding:20px 15px!important;
    border-radius:16px;
  }
}