/* R99 — definitive treatment-card separation.
 * Rebuilds the treatment grid tracks so horizontal AND vertical spacing are real layout gaps,
 * instead of relying on legacy row sizing that could visually collapse the row separation.
 */

@media (min-width:1101px){
  body.home .services .service-bento{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:334px!important;
    column-gap:30px!important;
    row-gap:30px!important;
    gap:30px!important;
    align-items:stretch!important;
  }

  body.home .services .service-bento > .service-card,
  body.home .services .service-bento > .service-card.featured,
  body.home .services .service-bento > .service-card.wide{
    grid-column:auto!important;
    grid-row:auto!important;
    width:auto!important;
    height:334px!important;
    min-height:334px!important;
    max-height:334px!important;
    margin:0!important;
  }
}

@media (min-width:761px) and (max-width:1100px){
  body.home .services .service-bento{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:300px!important;
    column-gap:22px!important;
    row-gap:22px!important;
    gap:22px!important;
    align-items:stretch!important;
  }

  body.home .services .service-bento > .service-card,
  body.home .services .service-bento > .service-card.featured,
  body.home .services .service-bento > .service-card.wide{
    grid-column:auto!important;
    grid-row:auto!important;
    width:auto!important;
    height:300px!important;
    min-height:300px!important;
    max-height:300px!important;
    margin:0!important;
  }
}

@media (max-width:760px){
  body.home .services .service-bento{
    row-gap:16px!important;
    column-gap:16px!important;
    gap:16px!important;
  }
}