@mixin dealeWebsiteWrapperMaxWidth(
  $max-width: calc(100% - var(--pi-spacing-xx-large))
) {
  .pi-shell__deale-website {
    .pi-wrapper {
      // Max width
      &.pi-wrapper__full-width,
      &.pi-wrapper__full-width-centered {
        max-width: $max-width;
      }
    }
  }
}

html {
  &.is-mobile {
    @include dealeWebsiteWrapperMaxWidth;
  }
  &.is-tablet {
    @include dealeWebsiteWrapperMaxWidth(calc(100% - 3rem));
  }
  &.is-desktop {
    // Desktop S & M
    &:not(.is-desktop__large) {
      @include dealeWebsiteWrapperMaxWidth(var(--pi-public-width-container));
    }
    // Desktop L
    &.is-desktop__large {
      @include dealeWebsiteWrapperMaxWidth(var(--pi-public-width-container-l));
    }
  }
}