.homabi-benefits{
  display:grid;
  grid-template-columns: repeat(4, minmax(0,1fr));
  gap: 24px;
  margin: 40px 0 40px;
}
@media (max-width: 1024px){ .homabi-benefits{ grid-template-columns: repeat(3,1fr); } }
@media (max-width: 768px){ .homabi-benefits{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 480px){ .homabi-benefits{ grid-template-columns: 1fr; } }

.homabi-benefits .benefit-card{
  border: 1px solid #e6e6e6;
  border-radius: 8px;
  padding: 22px 18px;
  background:#fff;
  display:flex;
  align-items:center;
  gap:14px;
  transition: box-shadow .2s ease, transform .2s ease;
}
.homabi-benefits .benefit-card:hover{
  box-shadow: 0 6px 22px rgba(0,0,0,.06);
  transform: translateY(-2px);
}

.homabi-benefits .benefit-icon{
  width:42px; height:42px;
  display:flex; align-items:center; justify-content:center;
  color:#1b1b1b; /* adapte à ta charte */
}
.homabi-benefits .benefit-icon svg{
  width:30px; height:30px; fill:none; stroke:currentColor;
}
.homabi-benefits .benefit-icon img{
  max-width:30px; max-height:30px; width:auto; height:auto; display:block;
}

.homabi-benefits .benefit-text{ line-height:1.3; }
.homabi-benefits .benefit-title{ font-weight:600; color:#1b1b1b; font-size:15px; }
.homabi-benefits .benefit-subtitle{ margin-top:2px; font-size:13px; color:#6b6b6b; }

#homabi-benefits-table .icon-img-wrap { display:flex; align-items:center; gap:10px; }
#homabi-benefits-table .icon-preview img { width:40px; height:40px; object-fit:contain; border:1px solid #e5e5e5; border-radius:4px; background:#fff; }
#homabi-benefits-table .icon-buttons { display:flex; flex-direction:column; gap:4px; }