/* V52: restore SEO section to 3 cards + make white generic feature cards 4 columns */

/* SEO / premium dark section: 3 feature cards only */
.ux-card-grid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:24px!important;
}
.ux-card-grid .ux-card:nth-child(n+4){
  display:none!important;
}
.ux-card{
  min-height:260px!important;
}

/* White expert/service feature cards: 4 equal columns on desktop */
.generic-icon-grid.white .icon-grid-6,
.generic-icon-grid .icon-grid-6{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important;
}
.generic-icon-grid.white .generic-icon-card,
.generic-icon-grid .generic-icon-card{
  min-height:190px!important;
  height:100%!important;
}

/* Keep row clean when exactly four cards are present */
.generic-icon-grid.white .icon-grid-6 > .generic-icon-card,
.generic-icon-grid .icon-grid-6 > .generic-icon-card{
  width:auto!important;
}

@media (max-width:1100px){
  .ux-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;}
  .generic-icon-grid.white .icon-grid-6,
  .generic-icon-grid .icon-grid-6{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
}
@media (max-width:760px){
  .ux-card-grid{grid-template-columns:1fr!important;}
  .generic-icon-grid.white .icon-grid-6,
  .generic-icon-grid .icon-grid-6{grid-template-columns:1fr!important;}
  .ux-card{min-height:auto!important;}
}
