/* --------------------------------------------
 * Standard Grid
/* -------------------------------------------- */

.oc__block.oc__block__grid-layout--standard {
  display: grid;

  /* Allow up to 5 columns in a 1080px layout. */
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: var(--oc--spacing--20);

  /* Show up to 5 columns maximum. */
  width: 100%;
  max-width: clamp(0%, 100%, 1280px);

  margin: 0 auto;
}

/* --------------------------------------------
 * Card Grid
/* -------------------------------------------- */

.oc__block.oc__block__grid-layout--cards {
  display: flex;
  flex-direction: column;
  gap: var(--oc--spacing--20);

  padding: 0 var(--oc--spacing--10) var(--oc--spacing--10);
}

@media (min-width: 960px) {
  .oc__block.oc__block__grid-layout--cards {
    display: grid;
    grid-column-gap: var(--oc--spacing--40);
    grid-row-gap: var(--oc--spacing--20);
    grid-template-columns: 1fr 1fr;

    margin: 0 var(--oc--spacing--20);
    padding: 0 0 var(--oc--spacing--10);
  }
}

@media (min-width: 1170px) {
  .oc__block.oc__block__grid-layout--cards {
    margin: 0 auto;
    max-width: 1100px;
  }
}

/* --------------------------------------------
 * Items Alignment
/* -------------------------------------------- */

.oc__block.oc__block__grid-layout--items-standard {
}

.oc__block.oc__block__grid-layout--items-centered {
  place-items: center;
}