.l-container {
  width: 100%;
  max-width: var(--v-layout__container-size--default);
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--v-layout__container-padding);
  padding-right: var(--v-layout__container-padding);
}

.l-container--xs {
  max-width: var(--v-layout__container-size--xs);
}

.l-container--sm {
  max-width: var(--v-layout__container-size--sm);
}

.l-container--lg {
  max-width: var(--v-layout__container-size--lg);
}

.l-container--full {
  max-width: none;
}

.l-container--no-padding {
  padding-left: 0;
  padding-right: 0;
  max-width: calc( var(--v-layout__container-size--default) - ( var(--v-layout__container-padding) * 2 ) );
}

.l-container-partial {
  display: flex;
  justify-content: flex-end;
}

.l-container-partial__inner,
.l-container-partial > .w153-pbd-element__inner--0 {
  width: 100%;
  max-width: calc( var(--v-layout__container-size--default) + ( 100vw - var(--v-layout__container-size--default) ) / 2 );
  padding-left: var(--v-layout__container-padding);
  padding-right: var(--v-layout__container-padding);
  min-width: 0; /* Swiper fix */
}

.l-container-part__inner,
.l-container-part > .w153-pbd-element__inner--0 {
  width: 100%;
  padding-left: var(--v-layout__container-padding);
  padding-right: var(--v-layout__container-padding);
  min-width: 0; /* Swiper fix */
}

/*
l-flex (l-flex--nowrap)
:.. l-flex__inner
    :.. l-flex__item (l-flex__item--20 | l-flex__item--25 ...)
*/

.l-flex__inner {
  display: flex;
  flex-wrap: wrap;
}

.l-flex--nowrap > .l-flex__inner {
  flex-wrap: nowrap;
}

.l-flex__item {
  flex: 0 0 100%;
  min-width: 0; /* Swiper fix */
}

@media (min-width: 700px) {
  .l-container-part {
    --width-percent: 50;
    --width-base: calc( var(--v-layout__container-size--default) * ( var(--width-percent) / 100 ) );

    display: flex;
    justify-content: flex-end;
  }

  .l-container-part--invert {
    justify-content: flex-start;
  }

  .l-container-part__inner,
  .l-container-part > .w153-pbd-element__inner--0 {
    max-width: var(--width-base);
  }

  .l-flex__item--20 {
    flex-basis: 20%;
  }

  .l-flex__item--25 {
    flex-basis: 25%;
  }

  .l-flex__item--30 {
    flex-basis: 30%;
  }

  .l-flex__item--33 {
    flex-basis: 33.33%;
  }

  .l-flex__item--40 {
    flex-basis: 40%;
  }

  .l-flex__item--50 {
    flex-basis: 50%;
  }

  .l-flex__item--60 {
    flex-basis: 60%;
  }

  .l-flex__item--66 {
    flex-basis: 66.66%;
  }

  .l-flex__item--70 {
    flex-basis: 70%;
  }

  .l-flex__item--75 {
    flex-basis: 75%;
  }

  .l-flex__item--80 {
    flex-basis: 80%;
  }
}