:root {
  --list-grid-gap: 16px;
  --list-grid-columns: 1;
}
@media (min-width: 576px) {
  :root {
    --list-grid-gap: 30px;
    --list-grid-columns: 2;
  }
}
@media (min-width: 992px) {
  :root {
    --list-grid-gap: 50px;
    --list-grid-columns: 3;
  }
}
:root .t-teme-temp3 {
  --list-grid-gap: 16px;
  --list-grid-columns: 1;
}
@media (min-width: 576px) {
  :root .t-teme-temp3 {
    --list-grid-gap: 22px;
    --list-grid-columns: 2;
  }
}
@media (min-width: 992px) {
  :root .t-teme-temp3 {
    --list-grid-gap: 22px;
    --list-grid-columns: 3;
  }
}

.l-list-grid__header {
  margin-bottom: var(--list-grid-gap);
}

.l-list-grid__items {
  display: grid;
  grid-gap: var(--list-grid-gap);
  gap: var(--list-grid-gap);
  grid-template-columns: repeat(var(--list-grid-columns), minmax(0, 1fr));
  list-style: none;
  margin: 0;
  padding: 0;
}

@media (min-width: 576px) {
  .l-list-grid--featured .l-list-grid__items .l-list-grid__item:first-child {
    grid-column: 1/span 2;
  }
}

@media (min-width: 768px) {
  .t-teme-temp3 .l-list-grid--cta_grid .l-list-grid__items {
    display: flex;
    flex-wrap: wrap;
  }
  .t-teme-temp3 .l-list-grid--cta_grid .l-list-grid__items .l-list-grid__item {
    width: 47%;
  }
  .t-teme-temp3 .l-list-grid--cta_grid .l-list-grid__items .l-list-grid__item .c-cta-card,
  .t-teme-temp3 .l-list-grid--cta_grid .l-list-grid__items .l-list-grid__item .c-cta-card__wrapper {
    height: 100%;
  }
}
@media (min-width: 576px) {
  .t-teme-temp3 .l-list-grid--featured .l-list-grid__items .l-list-grid__item:first-child {
    grid-column: 1/span 3;
  }
}