/*#region Colors*/
/* grayscale colors */
/* violet colors */
/* orange colors */
/* blue colors */
/* yellow colors */
/* green colors */
/*#endregion*/
/*#region Sizes*/
/*#endregion*/
/*#region Breakpoints*/
/*#endregion*/
/*#region Animation*/
/*#endregion*/
/*#region Mixins*/
/*#endregion*/
.pp-containers-holder {
  display: block;
}
@media (min-width: 992px) {
  .pp-containers-holder {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: 60px;
  }
}
@media (min-width: 1200px) {
  .pp-containers-holder {
    display: block;
  }
}
.pp-containers-holder .pp-title-container {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
}
@media (min-width: 992px) {
  .pp-containers-holder .pp-title-container {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 520px;
            flex: 0 0 520px;
  }
}
@media (min-width: 1200px) {
  .pp-containers-holder .pp-title-container {
    float: left;
    width: 700px;
    margin-bottom: 60px;
  }
}
@media (min-width: 1400px) {
  .pp-containers-holder .pp-title-container {
    width: 800px;
  }
}
.pp-containers-holder .pp-content-container {
  max-width: 100%;
}
@media (min-width: 1200px) {
  .pp-containers-holder .pp-content-container {
    width: 700px;
  }
}
@media (min-width: 1400px) {
  .pp-containers-holder .pp-content-container {
    width: 800px;
  }
}
.pp-containers-holder .pp-purchase-container {
  margin-top: 60px;
  margin-bottom: 40px;
}
@media (min-width: 992px) {
  .pp-containers-holder .pp-purchase-container {
    margin: 0;
    -webkit-box-flex: 1;
        -ms-flex: 1 0 0px;
            flex: 1 0 0;
  }
}
@media (min-width: 1200px) {
  .pp-containers-holder .pp-purchase-container {
    float: right;
    width: 390px;
  }
}
@media (min-width: 1400px) {
  .pp-containers-holder .pp-purchase-container {
    width: 460px;
  }
}
.pp-containers-holder .pp-purchase-container .perks .perk {
  -webkit-box-flex: 1;
      -ms-flex: 1 0 50%;
          flex: 1 0 50%;
}
@media (min-width: 768px) {
  .pp-containers-holder .pp-purchase-container .perks .perk {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 25%;
            flex: 1 0 25%;
  }
}
@media (min-width: 1200px) {
  .pp-containers-holder .pp-purchase-container .perks .perk {
    -webkit-box-flex: 1;
        -ms-flex: 1 0 50%;
            flex: 1 0 50%;
  }
}

.pp-price {
  font-size: 28px;
  font-weight: 600;
}
@media (min-width: 768px) {
  .pp-price {
    font-size: 40px;
  }
}
/*# sourceMappingURL=/app/Presentation/Client/wwwroot/src/scss/product-page.css.map */