/* zyg-multi-column section styles */

.zyg-multi-column__grid {
  display: grid;
  gap: var(--zyg-multi-column-gap, 2rem);
  grid-template-columns: repeat(var(--zyg-multi-column-mobile, 1), 1fr);
}

@media screen and (min-width: 700px) {
  .zyg-multi-column__grid {
    grid-template-columns: repeat(var(--zyg-multi-column-count, 3), 1fr);
  }
}