.section {
  background-color: rgb(var(--background-color));
  color: rgb(var(--font-color, var(--color-default)));
  margin-bottom: var(--margin-bottom);
  margin-top: var(--margin-top);
  padding-left: var(--site-gutter-mobile);
  padding-right: var(--site-gutter-mobile);
}
.section .site-width {
  padding-left: 0;
  padding-right: 0;
}

.section__wrap {
  padding-bottom: var(--padding-bottom);
  padding-top: var(--padding-top);
}
.section__wrap .site-width {
  padding: 0;
}

.block[type=section] .site-width {
  padding: 0;
}

@media (min-width: 992px) {
  .section__wrap {
    padding-left: var(--site-gutter-desktop);
    padding-right: var(--site-gutter-desktop);
  }
}