.card-grid{display:grid;width:100%;grid-gap:var(--grid-gap,var(--space-md));gap:var(--grid-gap,var(--space-md));grid-template-columns:var(
    --grid-columns,repeat(auto-fit,minmax(300px,1fr))
  )}.card-grid--gap-sm{--grid-gap:var(--space-sm)}.card-grid--gap-md{--grid-gap:var(--space-md)}.card-grid--gap-lg{--grid-gap:var(--space-lg)}.card-grid--gap-xl{--grid-gap:var(--space-xl)}.card-grid--cols-1{--grid-columns:1fr}.card-grid--cols-2{--grid-columns:repeat(2,1fr)}.card-grid--cols-3{--grid-columns:repeat(3,1fr)}.card-grid--cols-4{--grid-columns:repeat(4,1fr)}.card-grid--cols-auto{--grid-columns:repeat(auto-fit,minmax(300px,1fr))}@media (max-width:768px){.card-grid--cols-2,.card-grid--cols-3,.card-grid--cols-4{--grid-columns:1fr}}@media (min-width:769px) and (max-width:1024px){.card-grid--cols-3,.card-grid--cols-4{--grid-columns:repeat(2,1fr)}}