/* =========================================================
   R2R Guided Journey benefit-card alignment V4
   Fixes the three small cards under the main CTA on all pages.
   ========================================================= */

#start-r2r .journey-benefits{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:12px !important;
  align-items:stretch !important;
}

#start-r2r .journey-benefit{
  display:grid !important;
  grid-template-columns:48px minmax(0,1fr) !important;
  align-items:center !important;
  gap:12px !important;
  min-height:150px !important;
  padding:16px 14px !important;
  text-align:left !important;
}

#start-r2r .journey-benefit-icon{
  width:46px !important;
  height:46px !important;
  min-width:46px !important;
  min-height:46px !important;
  margin:0 !important;
  align-self:center !important;
  justify-self:center !important;
  display:grid !important;
  place-items:center !important;
  border-radius:50% !important;
}

#start-r2r .journey-benefit-icon svg{
  display:block !important;
  width:24px !important;
  height:24px !important;
  margin:auto !important;
  fill:none !important;
  stroke:currentColor !important;
  stroke-width:1.9 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
}

#start-r2r .journey-benefit-icon svg *{
  fill:none !important;
  stroke:currentColor !important;
}

#start-r2r .journey-benefit > div{
  display:flex !important;
  flex-direction:column !important;
  justify-content:center !important;
  align-items:flex-start !important;
  min-width:0 !important;
  min-height:92px !important;
}

#start-r2r .journey-benefit strong{
  display:block !important;
  min-height:0 !important;
  margin:0 0 7px !important;
  font-size:15px !important;
  line-height:1.24 !important;
  font-weight:630 !important;
}

#start-r2r .journey-benefit small{
  display:block !important;
  margin:0 !important;
  font-size:13px !important;
  line-height:1.42 !important;
  color:#667d91 !important;
}

/* Product-specific icon circles */
#start-r2r.journey-social .journey-benefit-icon{
  background:#dff5fa !important;
  color:#0d7a94 !important;
}
#start-r2r.journey-private .journey-benefit-icon{
  background:#efe8fb !important;
  color:#7048bd !important;
}
#start-r2r.journey-landlord .journey-benefit-icon{
  background:#e8f0de !important;
  color:#5c7832 !important;
}

@media(max-width:900px){
  #start-r2r .journey-benefits{
    grid-template-columns:1fr !important;
  }
  #start-r2r .journey-benefit{
    min-height:112px !important;
  }
  #start-r2r .journey-benefit > div{
    min-height:0 !important;
  }
}