.product-block .benefits-grid{
  display: grid;
  gap: 18px;
  /* Fallback: max 6 nebeneinander */
  grid-template-columns: repeat(6, minmax(0, 1fr));
}

/* Modern: passt sich an Anzahl Items an (1=100%, 2=50/50, …), bleibt aber max. 6 */
@supports (grid-template-columns: repeat(auto-fit, minmax(0, 1fr))) {
  .product-block .benefits-grid{
    grid-template-columns: repeat(auto-fit, minmax(0, 1fr));
  }
}

/* Responsive: auf kleineren Screens weniger Spalten (auch hier mit .product-block) */
@media (max-width: 900px){
  .product-block .benefits-grid{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 600px){
  .product-block .benefits-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 420px){
  .product-block .benefits-grid{ grid-template-columns: 1fr; }
}

.product-block .benefits-grid-item {
  padding: 14px;
  box-shadow: 0px 5px 15px rgb(153 153 153 / 25%);
  margin: 0;
  font-size: 1rem;
  position: relative;
  text-align: center;
}

.product-block .benefits-grid-image-wrapper {
    background: #F6F6F6;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    padding: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 10px auto;
    text-align: center;
}

.product-block .benefits-grid-label {
  margin: 18px 0 0 !important;
  text-align: center;
  font-size: 16px !important;
}

/* NEU: Wert (aus wbo_) */
.product-block .benefits-grid-value {
  margin: 6px 0 0 !important;
  text-align: center;
  font-size: 14px !important;
  font-weight: 700;
}

.product-block .benefits-grid-image {
  width: 100%;
  max-width: 40px;
  height: auto;
}