/* ===== S4 — איך התהליך עובד? (נייבי, 4 שלבים) ===== */
.dzp{
  position:relative;z-index:1;
  background:var(--navy-deep);
  padding-block:210px 84px;   /* top padding leaves room for the testimonials frame overlap */
  margin-top:-160px;
}
.dzp__title{text-align:center;color:#fff;font-size:clamp(28px,2.4vw,44px);font-weight:400;margin-bottom:54px}
.dzp__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(20px,2vw,40px)}
.dzp__step{text-align:right}
.dzp__ico{display:block;width:80px;height:80px;margin-bottom:22px}
.dzp__ico img{width:80px;height:80px;object-fit:contain}
.dzp__st{display:flex;align-items:center;gap:10px;margin-bottom:14px;white-space:nowrap}
.dzp__num{color:var(--gold);font-size:clamp(19px,1.55vw,24px);font-weight:600;flex:0 0 auto}
.dzp__bar{width:1px;height:20px;background:var(--gold);flex:0 0 auto}
.dzp__stt{color:var(--gold);font-size:clamp(16px,1.32vw,22px);font-weight:600;white-space:nowrap}
.dzp__rule{position:relative;height:1px;background:rgba(176,145,67,.38);margin:14px 0 16px}
.dzp__step:not(:last-child) .dzp__rule::before{
  content:"";position:absolute;top:50%;left:-24px;
  width:9px;height:9px;margin-top:-6px;
  border-left:2px solid var(--gold);border-bottom:2px solid var(--gold);
  transform:rotate(45deg);
}
.dzp__desc{color:rgba(255,255,255,.9);font-size:clamp(15px,1.1vw,20px);line-height:1.5;font-weight:400}

@media (max-width:1200px){
  .dzp{padding-block:150px 48px;margin-top:-110px}
  .dzp__steps{grid-template-columns:1fr 1fr;gap:30px 24px}
  .dzp__title{margin-bottom:38px}
  .dzp__st,.dzp__stt{white-space:normal}
}
@media (max-width:560px){
  .dzp__steps{grid-template-columns:1fr;max-width:420px;margin-inline:auto}
}

/* ===== Process section centered (all widths) ===== */
body.lp-dz .dzp__step{text-align:center}
body.lp-dz .dzp__ico{margin-left:auto;margin-right:auto}
body.lp-dz .dzp__st{justify-content:center}
body.lp-dz .dzp__desc{text-align:center}
@media (max-width:1024px){
  body.lp-dz .dzp__rule::before{display:none}
}