/* Grid Featured 04 (tokens-first)
   - Featured card + side list.
*/

.oic-grid--featured-04{
  --oic-grid-gap: var(--oic-space-4, 16px);
  --oic-grid-cols-mob: 1;
  --oic-grid-cols-tab: 2;
  --oic-grid-cols-desk: 2;
  display: grid;
  gap: var(--oic-grid-gap);
  grid-template-columns: repeat(var(--oic-grid-cols-mob), minmax(0,1fr));
  align-items: start;
}

.oic-grid--featured-04 .oic-grid__items{
  display: grid;
  gap: var(--oic-grid-gap);
  grid-template-columns: 1fr;
}

.oic-grid--featured-04 .oic-grid__item{min-width:0;}

@media (min-width: 720px){
  .oic-grid--featured-04{
    grid-template-columns: repeat(var(--oic-grid-cols-tab), minmax(0,1fr));
  }
}

@media (min-width: 1024px){
  .oic-grid--featured-04{
    grid-template-columns: repeat(var(--oic-grid-cols-desk), minmax(0,1fr));
  }
}

/* Ensure nested card packs follow container */
.oic-grid--featured-04 .oic-cardpack{height:100%;}
