.o-usp {
  --grid-column-gap: var(--column-gap-mobile);
  --grid-row-gap: var(--row-gap-mobile);
}
@media screen and (min-width: 768px) {
  .o-usp {
    --grid-column-gap: var(--column-gap-desktop);
    --grid-row-gap: var(--row-gap-desktop);
  }
}
.o-usp--border {
  border-top: 1px solid rgba(var(--color-border));
  border-bottom: 1px solid rgba(var(--color-border));
}
.o-usp:not(:has(.m-usp-item)) {
  display: none;
}

.m-usp-list__icon-alignment--next {
  --areas: 'icon content';
}
.m-usp-list__icon-alignment--next:where(.u-text-right, .u-text-center) {
  --content-display: contents;
  --display: inline-flex;
  --text-width: 100%;
  --wrap: wrap;
  --row-gap: 0.4rem;
  --column-gap: 1.6rem;
}
.m-usp-list--with-borders .m-usp-item {
  padding-bottom: 2.4rem;
  border-bottom: 1px solid rgba(var(--color-border));
}

.m-usp-item {
  display: inline-grid;
  justify-content: var(--justify, start);
  align-items: start;
}
.swiper .m-usp-item {
  --justify: center;
}
.m-usp-item * {
  margin: 0;
}
.m-usp-item__title {
  font-size: var(--body-fs-lg);
  margin-bottom: 0.8rem;
}
.m-usp-item path {
  fill: currentColor;
}
.m-usp-item__inner {
  display: var(--display, inline-grid);
  justify-items: var(--justify, start);
  justify-content: var(--justify, start);
  gap: var(--row-gap, 1.3rem) var(--column-gap, 1.3rem);
  grid-template-areas: var(--areas, "icon" "content");
  flex-wrap: var(--wrap, nowrap);
}
.m-usp-item__text {
  width: var(--text-width, fit-content);
}
.m-usp-item__icon {
  grid-area: icon;
}
.m-usp-item__content {
  grid-area: content;
  display: var(--content-display, inline-grid);
  gap: 0.4rem;
}