@import 'src/scss/helpers/helpers-pdp-critical/typography-critical-pdp';

@mixin intro {
  @include media-breakpoint-up(lg) {
    max-width: 730px;
  }
  @include media-breakpoint-only(md) {
    max-width: 570px;
  }
  @include media-breakpoint-up(md) {
    margin-right: auto;
    margin-left: auto;
    text-align: center;
  }
}

@mixin price-block-badge($bg: $red) {
  padding: 0 10px;
  min-width: 140px;
  background: $bg;
  font-size: 1.428em;
}

@mixin badges {
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
  line-height: 1.5rem;
  font-size: 1.125rem;
  font-weight: 700;
  text-align: center;
  color: $white;
}

@mixin badge($bg: $red) {
  padding: 3px 10px;
  min-width: 120px;
  background: $bg;
}

@mixin badge-clearance($bg: $yellow) {
  padding: 3px 10px;
  min-width: 120px;
  background: $bg;
  color: $black;
}

@mixin truncate {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@mixin ti-step-state {
  padding-bottom: 15px;
  border-bottom: 1px solid $gray;
}

@mixin explicit-img {
  width: 99.99%;
  height: 99.99%;
}