.pull-left-xs {
  float: left; }

.pull-right-xs {
  float: right; }

@media (min-width: 544px) and (max-width: 768.98px) {
  .pull-left-sm {
    float: left; }
  .pull-right-sm {
    float: right; } }

@media (min-width: 769px) and (max-width: 991.98px) {
  .pull-left-md {
    float: left; }
  .pull-right-md {
    float: right; } }

@media (min-width: 992px) and (max-width: 1199.98px) {
  .pull-left-lg {
    float: left; }
  .pull-right-lg {
    float: right; } }

@media (min-width: 1200px) {
  .pull-left-xl {
    float: left; }
  .pull-right-xl {
    float: right; } }

@media (max-width: 543.98px) {
  .hidden-xs-down {
    display: none !important; } }

@media (max-width: 768.98px) {
  .hidden-sm-down {
    display: none !important; } }

@media (max-width: 991.98px) {
  .hidden-md-down {
    display: none !important; } }

@media (max-width: 1199.98px) {
  .hidden-lg-down {
    display: none !important; } }

.hidden-xl-down {
  display: none !important; }

.row.equal-height > [class^="col"] {
  display: flex; }

.swatch-circle-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f5f5dc;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-beige.disabled {
    opacity: 0.2; }

.swatch-filter-beige {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f5f5dc;
  border-radius: 0.69em;
  background-color: #f5f5dc;
  display: block;
  position: relative; }
  .swatch-filter-beige.disabled {
    opacity: 0.2; }

.swatch-circle-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-black.disabled {
    opacity: 0.2; }

.swatch-filter-black {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000;
  border-radius: 0.69em;
  background-color: #000;
  display: block;
  position: relative; }
  .swatch-filter-black.disabled {
    opacity: 0.2; }

.swatch-circle-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #0070d2;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-blue.disabled {
    opacity: 0.2; }

.swatch-filter-blue {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #0070d2;
  border-radius: 0.69em;
  background-color: #0070d2;
  display: block;
  position: relative; }
  .swatch-filter-blue.disabled {
    opacity: 0.2; }

.swatch-circle-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #a52a2a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-brown.disabled {
    opacity: 0.2; }

.swatch-filter-brown {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #a52a2a;
  border-radius: 0.69em;
  background-color: #a52a2a;
  display: block;
  position: relative; }
  .swatch-filter-brown.disabled {
    opacity: 0.2; }

.swatch-circle-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #008827;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-green.disabled {
    opacity: 0.2; }

.swatch-filter-green {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #008827;
  border-radius: 0.69em;
  background-color: #008827;
  display: block;
  position: relative; }
  .swatch-filter-green.disabled {
    opacity: 0.2; }

.swatch-circle-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #8f979d;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-grey.disabled {
    opacity: 0.2; }

.swatch-filter-grey {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #8f979d;
  border-radius: 0.69em;
  background-color: #8f979d;
  display: block;
  position: relative; }
  .swatch-filter-grey.disabled {
    opacity: 0.2; }

.swatch-circle-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #000080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-navy.disabled {
    opacity: 0.2; }

.swatch-filter-navy {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #000080;
  border-radius: 0.69em;
  background-color: #000080;
  display: block;
  position: relative; }
  .swatch-filter-navy.disabled {
    opacity: 0.2; }

.swatch-circle-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ffa500;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-orange.disabled {
    opacity: 0.2; }

.swatch-filter-orange {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ffa500;
  border-radius: 0.69em;
  background-color: #ffa500;
  display: block;
  position: relative; }
  .swatch-filter-orange.disabled {
    opacity: 0.2; }

.swatch-circle-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fe249a;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-pink.disabled {
    opacity: 0.2; }

.swatch-filter-pink {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fe249a;
  border-radius: 0.69em;
  background-color: #fe249a;
  display: block;
  position: relative; }
  .swatch-filter-pink.disabled {
    opacity: 0.2; }

.swatch-circle-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #800080;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-purple.disabled {
    opacity: 0.2; }

.swatch-filter-purple {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #800080;
  border-radius: 0.69em;
  background-color: #800080;
  display: block;
  position: relative; }
  .swatch-filter-purple.disabled {
    opacity: 0.2; }

.swatch-circle-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #f00;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-red.disabled {
    opacity: 0.2; }

.swatch-filter-red {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #f00;
  border-radius: 0.69em;
  background-color: #f00;
  display: block;
  position: relative; }
  .swatch-filter-red.disabled {
    opacity: 0.2; }

.swatch-circle-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-white.disabled {
    opacity: 0.2; }

.swatch-filter-white {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #fff;
  border-radius: 0.69em;
  background-color: #fff;
  display: block;
  position: relative; }
  .swatch-filter-white.disabled {
    opacity: 0.2; }

.swatch-circle-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #ff0;
  border-radius: 1.25em;
  display: block;
  position: relative; }
  .swatch-circle-yellow.disabled {
    opacity: 0.2; }

.swatch-filter-yellow {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 1.38em;
  height: 1.38em;
  background: #ff0;
  border-radius: 0.69em;
  background-color: #ff0;
  display: block;
  position: relative; }
  .swatch-filter-yellow.disabled {
    opacity: 0.2; }

.swatch-circle-miscellaneous {
  background: linear-gradient(0deg, #821e91 0, #821e91 25%, #edd134 25%, yellow 50%, #edd134 50%, #59ba00 50%, #59ba00 76%, #111 76%, #111 100%), linear-gradient(0deg, #0e5cd1 0, #0e5cd1 50%, #e20b0b 50%, #e20b0b 100%);
  background-repeat: repeat-y, repeat;
  background-size: 50% 100%, 100% 100%;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  border-radius: 1.25em;
  display: block;
  height: 2.5em;
  position: relative;
  transform: rotate(35deg);
  width: 2.5em; }
  .swatch-circle-miscellaneous.disabled {
    opacity: 0.2; }
  .swatch-circle-miscellaneous.selected::after {
    transform: rotate(-35deg); }

.product-detail .attributes .swatch-circle {
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  width: 2.5em;
  height: 2.5em;
  background: #fff;
  border-radius: 1.25em;
  border: 0.063em solid rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 0.313em;
  position: relative; }
  .product-detail .attributes .swatch-circle.color-value[data-selected=true]::after {
    color: #000;
    content: '\F058';
    display: table-caption;
    font-family: 'FontAwesome';
    font-size: 1.625em;
    left: 0.295em;
    position: absolute; }
  .product-detail .attributes .swatch-circle.color-value.selected::after {
    background: #fff;
    border-radius: 50%;
    color: #000;
    content: '\F058';
    display: table-caption;
    font-family: 'FontAwesome';
    font-size: 1.625em;
    height: 0.75em;
    left: 0.31em;
    line-height: 0.8em;
    position: absolute;
    top: 0.35em;
    width: 0.8em; }
  .product-detail .attributes .swatch-circle i.fa-times-circle {
    background: #fff;
    border-radius: 50%;
    height: 0.75em;
    line-height: 0.8em;
    width: 0.8em; }

.product-detail [disabled] .swatch-circle,
.product-detail .swatch-circle.unselectable {
  cursor: not-allowed; }
  .product-detail [disabled] .swatch-circle.color-value.selected::after,
  .product-detail .swatch-circle.unselectable.color-value.selected::after {
    background-color: #495057; }

label.color ~ a:hover {
  text-decoration: none; }

.description-and-detail {
  margin-top: 2em; }
  @media (max-width: 543.98px) {
    .description-and-detail {
      margin-top: 0; }
      .description-and-detail .title {
        font-size: 1.5rem;
        margin-bottom: 0;
        font-family: 'Dosis', sans-serif; }
      .description-and-detail > div:last-child {
        margin-bottom: 1em; } }
  @media (min-width: 544px) {
    .description-and-detail .description {
      margin-bottom: 2em; } }
  @media (max-width: 543.98px) {
    .description-and-detail .content {
      margin-top: 1em; } }

.social-container {
  padding-top: 0.9375em;
  text-align: center; }
  .social-container .social-icons {
    text-decoration: none;
    font-size: 1.875em;
    list-style-type: none;
    padding: 0;
    color: #444; }
    @media (max-width: 991.98px) {
      .social-container .social-icons {
        font-size: 1.5625em; } }
    .social-container .social-icons i,
    .social-container .social-icons a {
      color: #444;
      padding-right: 0.2em; }

label.availability {
  padding-right: 0.3125em; }

@media (min-width: 544px) {
  .product-number-rating {
    border-bottom: 1px solid #ccc; } }

@media (min-width: 769px) {
  .product-number-rating {
    border-top: 1px solid #ccc; } }

@media (min-width: 544px) and (max-width: 768.98px) {
  .product-name {
    border-bottom: 1px solid #ccc; } }

@media (min-width: 544px) {
  .product-number-rating .ratings {
    margin-top: 0.625em; } }

@media (max-width: 543.98px) {
  .product-number-rating .ratings {
    background-color: #fff;
    margin-top: -1.875em;
    /* 30/16 */
    margin-right: -0.9375em;
    /* 15/16 */
    padding: 0.1875em;
    /* 3/16 */ } }

.product-number {
  color: #ccc;
  font-size: 0.875em;
  padding-bottom: 0.938em;
  padding-top: 0.938em; }

.promotions {
  font-weight: normal;
  text-align: center;
  height: 85%; }
  .promotions div.collapsible-xl button.callout {
    font-size: 1.25em;
    padding-bottom: 1.25rem;
    padding-top: 1.25rem;
    color: #c00; }
    @media (min-width: 544px) {
      .promotions div.collapsible-xl button.callout {
        font-size: 1.375em; } }
    .promotions div.collapsible-xl button.callout::after {
      color: #000; }

.product-breadcrumb .breadcrumb {
  border-bottom: none;
  margin-left: -1rem;
  margin-bottom: 0; }
  @media (max-width: 991.98px) {
    .product-breadcrumb .breadcrumb {
      border-top: 1px solid #ccc; } }

.price {
  font-size: 1.5rem; }

.product-options {
  margin-top: 1.25em; }

.size-chart .size-chart-collapsible {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.5s;
  transition-timing-function: cubic-bezier(0, 1, 0, 1); }
  .size-chart .size-chart-collapsible.active {
    max-height: 100%;
    transition-timing-function: ease-in-out; }

.color-attribute {
  border: none;
  padding: 0;
  background: none; }

.non-input-label {
  display: block;
  margin-bottom: 0.5rem; }

@media (min-width: 769px) {
  .attributes {
    padding-left: 2.5rem;
    padding-right: 2.5rem; } }

@media (max-width: 543.98px) {
  .product-grid {
    padding-top: 0.938em; }
    .product-grid .col-6 {
      padding-left: 5px;
      padding-right: 5px; } }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.form-group.required .form-control-label::before {
  content: "*";
  color: #c00; }

.form-group > span:not(.info-icon) {
  font-size: 80%; }

.form-control {
  color: var(--color-grey6);
  background-color: var(--color-white); }

::-moz-placeholder, .form-control::-moz-placeholder {
  color: var(--color-grey5); }

:-ms-input-placeholder, .form-control:-ms-input-placeholder {
  color: var(--color-grey5); }

::placeholder,
.form-control::placeholder {
  color: var(--color-grey5); }

.floating-label {
  position: relative;
  margin-bottom: 0.625rem; }
  .floating-label .form-control {
    height: 3.75rem; }
  .floating-label label {
    font-size: 0.875rem;
    position: absolute;
    top: 0.9375rem;
    left: 0.75rem;
    margin: 0;
    opacity: 0;
    transition: all .3s ease; }
  .floating-label input {
    transition: all .3s ease; }
    .floating-label input:-webkit-autofill, .floating-label input:not(:placeholder-shown) {
      padding: 1.5rem 2.25rem 0.375rem 0.75rem;
      color: var(--color-black); }
      .floating-label input:-webkit-autofill ~ label, .floating-label input:not(:placeholder-shown) ~ label {
        transform: translateY(-0.625rem);
        opacity: 0.7;
        color: var(--color-grey5); }
  .floating-label select {
    color: var(--color-grey5);
    transition: all .3s ease; }
  .floating-label.focused select {
    padding: 1.5rem 2.25rem 0.375rem 0.75rem;
    color: var(--color-black); }
    .floating-label.focused select + label {
      transform: translateY(-0.625rem);
      opacity: 0.7;
      color: var(--color-grey5); }
  .floating-label.isValue label {
    transform: translateY(-0.625rem);
    opacity: 0.7;
    color: var(--color-grey5); }

form.floating .btn-form-inline {
  height: calc(100% - 0.625rem); }

.container.product-detail {
  margin-top: 0; }
  @media (min-width: 769px) {
    .container.product-detail {
      margin-top: 1rem; } }

.pdp-top {
  margin-bottom: 0.625rem; }

.product-breadcrumb {
  border-bottom: 1px solid var(--color-grey3); }
  @media (min-width: 769px) {
    .product-breadcrumb {
      border: 0; } }
  @media (max-width: 991.98px) {
    .product-breadcrumb .breadcrumb {
      border: 0; } }

.product-number {
  padding-bottom: 0.25rem;
  padding-top: 0.875rem; }
  @media (min-width: 769px) {
    .product-number {
      padding-bottom: 0.875rem; } }

.product-name {
  font-size: calc(1.325rem + 0.9vw); }
  @media (max-width: 991.98px) {
    .product-name {
      border: 0; } }
  @media (min-width: 769px) {
    .product-name {
      font-size: 2.5rem; } }

div.promotions {
  padding-top: 1rem; }
  div.promotions div.collapsible-xl button.callout {
    display: flex;
    align-items: center;
    padding: 0;
    color: var(--skin-promo-color);
    font-size: 1rem;
    text-transform: none;
    font-weight: normal;
    line-height: 1; }
    div.promotions div.collapsible-xl button.callout:after {
      margin-left: 0.75rem; }
  div.promotions div.collapsible-xl .content {
    font-size: 0.875rem;
    text-align: left;
    margin-left: 1rem;
    margin-top: 0.625rem; }

.pdp-main {
  padding-bottom: 1rem; }
  @media (min-width: 769px) {
    .pdp-main {
      padding-bottom: 0; } }
  @media (min-width: 769px) {
    .pdp-main .attributes {
      padding: 0; } }
  .pdp-main .attributes .attribute {
    margin-bottom: 0.875rem;
    margin-top: 0; }

.pdp-bottom .description-and-detail h2.title {
  margin-bottom: 1.25rem;
  text-transform: none; }

.pdp-bottom .description-and-detail .btn.title {
  line-height: 1.5;
  padding: 0; }
  .pdp-bottom .description-and-detail .btn.title h2 {
    font-family: "Source Sans Pro", sans-serif;
    font-weight: 600;
    font-size: 1.5rem;
    text-transform: none;
    margin-bottom: 0; }

.pdp-bottom .description-and-detail .content {
  margin-top: 1rem; }
  @media (min-width: 769px) {
    .pdp-bottom .description-and-detail .content {
      margin-top: 0; } }

.short-description {
  font-size: calc(1.2625rem + 0.15vw);
  text-align: center; }
  @media (min-width: 992px) {
    .short-description {
      font-size: 1.375rem; } }

.long-description,
.product-attributes {
  padding-top: 0.625rem;
  padding-bottom: 0.625rem; }
  @media (min-width: 769px) {
    .long-description,
    .product-attributes {
      padding-top: 3rem;
      padding-bottom: 3rem; } }

.product-attributes:not(:first-child) {
  border-top: 1px solid var(--color-grey6); }
  @media (min-width: 769px) {
    .product-attributes:not(:first-child) {
      border-top: 0; } }

.add-to-cart-global {
  overflow: visible; }

.product-bundle-detail .cart-and-ipay .button-block,
.product-set-detail .cart-and-ipay .button-block {
  display: flex;
  flex-direction: column; }

/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
/*	---------------------------------------------------------------
	PX to REM
	---------------------------------------------------------------
*/
@font-face {
  font-family: 'Documenta Regular';
  src: url("../../fonts/Documenta/D019W13T.eot");
  src: url("../../fonts/Documenta/D019W13T.eot?#iefix") format("embedded-opentype"), url("../../fonts/Documenta/D019W13T.woff") format("woff"), url("../../fonts/Documenta/D019W13T.ttf") format("truetype"), url("../../fonts/Documenta/D019W13T.svg#dtl_documenta_wtregular") format("svg");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Documenta Italic';
  src: url("../../fonts/DocumentaItalic/DTL Documenta ST Italic.otf");
  font-weight: normal;
  font-style: italic; }

@font-face {
  font-family: 'Suisse Light';
  src: url("../../fonts/Suisse/SuisseIntl-Light-WebS.woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Suisse Book';
  src: url("../../fonts/Suisse/SuisseIntl-Book-WebS.woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Suisse Semi Bold';
  src: url("../../fonts/Suisse/SuisseIntl-SemiBold-WebS.woff");
  font-weight: normal;
  font-style: normal; }

@font-face {
  font-family: 'Suisse Bold';
  src: url("../../fonts/Suisse/SuisseIntl-Bold-WebS.woff");
  font-weight: normal;
  font-style: normal; }

.clamp {
  -webkit-line-clamp: 3;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical; }
  .clamp-1 {
    -webkit-line-clamp: 1;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .clamp-2 {
    -webkit-line-clamp: 2;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .clamp-3 {
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .clamp-5 {
    -webkit-line-clamp: 5;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }
  .clamp-9 {
    -webkit-line-clamp: 9;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical; }

.column-count--2 {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-width: auto;
       column-width: auto;
  -moz-column-gap: auto;
       column-gap: auto; }

.column-count--3 {
  -moz-column-count: 3;
       column-count: 3;
  -moz-column-width: auto;
       column-width: auto;
  -moz-column-gap: auto;
       column-gap: auto; }

.column-count--4 {
  -moz-column-count: 4;
       column-count: 4;
  -moz-column-width: auto;
       column-width: auto;
  -moz-column-gap: auto;
       column-gap: auto; }

.column-count--5 {
  -moz-column-count: 5;
       column-count: 5;
  -moz-column-width: auto;
       column-width: auto;
  -moz-column-gap: auto;
       column-gap: auto; }

/**************/
/*** COLORS ***/
/**************/
/*	---------------------------------------------------------------
	Maps for styleguide and utility classes
	---------------------------------------------------------------
*/
.page[data-action="Product-Show"] {
  overflow-x: hidden; }

.availability-msg {
  line-height: inherit;
  padding-left: 0.3125rem; }

.product-detail .product-name {
  font-family: "Documenta Regular", serif;
  font-weight: 400;
  font-size: 1.375rem;
  line-height: 1.875rem; }
  @media (min-width: 768px) {
    .product-detail .product-name {
      font-size: 1.875rem;
      line-height: 2.1875rem; } }
  .product-detail .product-name .collection {
    font-size: 1.0625rem;
    line-height: 1.5rem; }
    @media (min-width: 768px) {
      .product-detail .product-name .collection {
        font-size: 1.875rem;
        line-height: 2.1875rem; } }

.product-detail .product-rating {
  margin: 0.9375rem 0; }

.product-detail #reviews-heading-offset {
  position: relative; }
  .product-detail #reviews-heading-offset > div {
    position: absolute;
    top: 0; }
    @media (min-width: 768px) {
      .product-detail #reviews-heading-offset > div {
        top: -6.25rem; } }

.short-description,
.short-description p {
  font-size: 0.9375rem;
  line-height: 1.4375rem;
  text-align: left; }
  @media (min-width: 768px) {
    .short-description,
    .short-description p {
      font-size: 1rem;
      line-height: 1.5rem; } }

.promotions,
.promotions div.collapsible-xl .title {
  font-family: "Suisse Book", sans-serif;
  font-weight: 400;
  height: auto;
  font-weight: 400;
  font-size: 0.75rem;
  line-height: 1.375rem;
  text-align: left;
  text-transform: none; }
  .promotions::after,
  .promotions div.collapsible-xl .title::after {
    display: none; }

div.promotions {
  padding: 1rem; }

.description-and-detail > .row > .container {
  border: solid var(--color-grey);
  border-width: 0.125rem 0; }

@media (max-width: 767.98px) {
  .description-and-detail .border--right {
    border: none; } }

.description-and-detail .product-summary,
.description-and-detail .product-summary p,
.description-and-detail .product-summary ul {
  font-family: "Documenta Regular", serif;
  font-weight: 400; }

@media (min-width: 768px) {
  .description-and-detail .product-summary p {
    font-size: 1.5rem;
    line-height: 2.0625rem; } }

@media (min-width: 768px) {
  .description-and-detail .product-summary ul {
    font-size: 1.5rem;
    line-height: 2.375rem; } }

.description-and-detail .product-summary ul li {
  margin-bottom: 0.3125rem; }

@media (max-width: 1199.98px) {
  .description-and-detail .ingredients .section-header .section-title,
  .description-and-detail .ingredients .section-header .ingredients-toggle {
    max-width: 50%;
    flex: 0 0 50%; } }

.description-and-detail .product-benefit .benefit-content p {
  display: flex;
  align-items: center; }

.description-and-detail .product-benefit .benefit-content img {
  height: auto;
  margin-right: 0.75rem;
  max-width: 100%;
  width: 56px; }

.description-and-detail .formulation-wrapper .fomulation-img-wrapper {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 1.875rem;
  margin-top: 1.875rem; }
  @media (max-width: 1439.98px) {
    .description-and-detail .formulation-wrapper .fomulation-img-wrapper {
      row-gap: 1.25rem; } }

.description-and-detail .formulation-wrapper .img-card {
  align-items: center;
  display: flex;
  flex-direction: column;
  flex: 1;
  gap: 0.625rem;
  text-align: center; }
  @media (max-width: 1439.98px) {
    .description-and-detail .formulation-wrapper .img-card {
      flex: 1 1 calc(50% - 10px); } }
  .description-and-detail .formulation-wrapper .img-card span {
    font-family: "Documenta Regular", serif;
    font-size: 0.9375rem;
    font-weight: 400;
    line-height: 1.4375rem; }

.description-and-detail .formulation-wrapper img {
  height: auto;
  max-width: 100%; }

.description-and-detail .formulation-wrapper p {
  font-size: 1.5rem;
  line-height: 2.25rem;
  margin-bottom: 0;
  font-family: "Documenta Regular", serif;
  text-align: left; }
  @media (max-width: 1199.98px) {
    .description-and-detail .formulation-wrapper p {
      font-size: 0.9375rem;
      font-weight: 400;
      line-height: 1.4375rem; } }

.ingredients-detail .content-logo {
  max-width: 15.625rem; }
  @media (min-width: 768px) {
    .ingredients-detail .content-logo {
      max-width: 20.5rem; } }

.ingredients-detail .ingredient-content .content-wrap {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center; }

.ingredients-detail .ingredient-content .content-image {
  max-width: 15.625rem;
  display: block;
  margin: 3rem 0 4.5rem; }
  @media (min-width: 768px) {
    .ingredients-detail .ingredient-content .content-image {
      max-width: 18.75rem;
      margin: 0 auto; } }

.ingredients-detail .ingredient-content .unstyle-btn {
  margin-top: 2.5rem; }

.ingredients-detail .group-icons img {
  margin-left: -2.5rem;
  max-width: 17.1875rem; }
  @media (min-width: 768px) {
    .ingredients-detail .group-icons img {
      max-width: 37.5rem;
      margin-left: -2rem; } }

.product-money-back {
  display: flex;
  align-items: center; }
  @media (min-width: 768px) {
    .product-money-back {
      margin-top: 1.5rem;
      margin-bottom: 2rem; } }
  .product-money-back img {
    max-width: 2rem;
    margin-right: 0.25rem; }
  .product-money-back p {
    font-size: 1rem;
    line-height: 1.5rem;
    margin-bottom: 0; }
  .product-money-back a {
    text-decoration: underline; }

.quote-review {
  text-align: center;
  margin: 0 auto;
  max-width: 100%; }
  @media (min-width: 768px) {
    .quote-review {
      max-width: calc(100% - 300px); } }
  .quote-review .quote-review-title {
    margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .quote-review .quote-review-title {
        margin-bottom: 2rem; } }
  .quote-review .quote-review-author {
    font-family: "Suisse Book", sans-serif;
    font-size: 1rem; }

.attributes-btn.btn-primary {
  position: fixed;
  left: 50%;
  bottom: 2.875rem;
  width: calc(100% - 2.75rem);
  max-width: 20.8125rem;
  z-index: 90;
  transform: translateX(-50%); }
  @media (min-width: 768px) {
    .attributes-btn.btn-primary {
      display: none; } }

.attributes-container {
  position: relative;
  width: 100%;
  padding: 0.9375rem 0 0; }
  .attributes-container .close {
    width: 1.25rem;
    height: 1.25rem;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: -2.5rem;
    right: 0.625rem; }
    .attributes-container .close svg,
    .attributes-container .close .icon-close {
      display: block;
      width: 1.25rem;
      height: 1.25rem;
      fill: var(--color-white); }
      @media (min-width: 768px) {
        .attributes-container .close svg,
        .attributes-container .close .icon-close {
          display: none; } }
      .active .attributes-container .close svg, .active
      .attributes-container .close .icon-close {
        display: block; }
  .attributes-container .form-group {
    margin: 0; }
    .attributes-container .form-group > span:not(.info-icon).prices-main + .variation-value {
      color: var(--color-grey-aa);
      margin-left: 0.625rem;
      font-size: 1rem; }

.pdp-main .attributes .attribute {
  margin-bottom: 0; }

.attributes .attribute__wrap {
  margin-left: -3%; }
  .attributes .attribute__wrap .variation-btn {
    margin-left: 3%;
    margin-bottom: 1rem; }

.variation-btn {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  width: 31%;
  max-width: 6.25rem;
  min-height: 11.875rem;
  margin: 0 0 0.625rem 0;
  padding: 0.9375rem;
  text-align: center;
  border-radius: 0.25rem;
  border: 0.0625rem solid var(--color-grey);
  background-color: var(--color-white); }
  @media (min-width: 1200px) {
    .variation-btn {
      width: 22%;
      max-width: 100%; } }
  .variation-btn:focus {
    outline: 0.3125rem auto var(--skin-secondary-alt-color); }
  .variation-btn::after {
    content: '';
    position: absolute;
    top: 0.5rem;
    right: 0.5rem;
    width: 0.4375rem;
    height: 0.4375rem;
    border-radius: 50%;
    background-color: transparent;
    pointer-events: none;
    z-index: 1; }
  .variation-btn[data-available="true"]::after {
    background-color: #008827; }
  .variation-btn.unselectable, .variation-btn[data-available="false"] {
    border-color: rgba(204, 61, 61, 0.5); }
    .variation-btn.unselectable::after, .variation-btn[data-available="false"]::after {
      background-color: #CC3D3D; }
    .variation-btn.unselectable:focus, .variation-btn[data-available="false"]:focus {
      outline: 0.0625rem auto #CC3D3D; }
  .variation-btn.selected {
    border-color: var(--skin-secondary-alt-color);
    border-width: 0.125rem; }
    .variation-btn.selected[data-available="false"] {
      border-color: #CC3D3D;
      border-width: 0.125rem; }
      .variation-btn.selected[data-available="false"]::after {
        background-color: #CC3D3D; }
  .variation-btn .variation-swatch {
    margin: 0 auto; }
    .variation-btn .variation-swatch-container {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 4.875rem;
      padding: 0 0 0.625rem; }
  .variation-btn .variation-value {
    display: inline-block;
    width: 100%;
    font-size: 0.8125rem;
    line-height: 1.125rem;
    text-align: center;
    min-height: 2.25rem;
    color: #272728; }
  .variation-btn .variation-qty {
    display: none; }
  .prices-add-to-cart-actions .variation-btn .prices {
    display: flex;
    justify-content: center; }

.prices-single span,
.prices-single .price,
.prices-single + .variation-value {
  display: inline-block;
  vertical-align: middle;
  font-size: 1rem;
  line-height: 1.5rem; }

.prices-single .sales {
  margin-right: 0.625rem; }

.prices-single + .variation-value {
  color: var(--color-grey-aa);
  margin-left: 0.625rem;
  vertical-align: top; }

.prices-add-to-cart-actions {
  padding: 1.25rem;
  z-index: 98; }
  @media (max-width: 767.98px) {
    .prices-add-to-cart-actions {
      background-color: var(--color-grey1);
      box-shadow: none;
      bottom: -100%;
      padding: 0 1.25rem;
      transition: bottom 0.3s ease-in;
      z-index: 10000; }
      .drawer-active .prices-add-to-cart-actions {
        bottom: 0;
        padding-bottom: 1.25rem; } }
  @media (min-width: 544px) {
    .prices-add-to-cart-actions {
      position: fixed; } }
  @media (min-width: 768px) {
    .prices-add-to-cart-actions {
      position: static;
      padding: 0; } }
  .singleVariant .prices-add-to-cart-actions {
    position: static;
    padding: 0; }
    @media (min-width: 544px) {
      .singleVariant .prices-add-to-cart-actions {
        position: static;
        padding: 0; } }
    .drawer-active .singleVariant .prices-add-to-cart-actions {
      position: fixed; }
      @media (max-width: 767.98px) {
        .drawer-active .singleVariant .prices-add-to-cart-actions {
          padding: 0 0.9375rem; } }
  .prices-add-to-cart-actions .mobile-attributes-wrap {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    max-height: 0;
    padding: 0;
    overflow: hidden;
    transition: bottom 0.3s ease-in-out, max-height 0.3s ease-in-out;
    background-color: var(--color-grey1); }
    @media (min-width: 768px) {
      .prices-add-to-cart-actions .mobile-attributes-wrap {
        position: static;
        background-color: transparent;
        max-height: 100vh; } }
    .prices-add-to-cart-actions .mobile-attributes-wrap.active {
      bottom: 100%;
      max-height: 100vh;
      overflow: visible; }
      .prices-add-to-cart-actions .mobile-attributes-wrap.active ~ .row {
        background-color: var(--color-grey1); }
  .prices-add-to-cart-actions .prices {
    display: block;
    width: 100%;
    min-height: 3rem; }
    .prices-add-to-cart-actions .prices-main,
    .prices-add-to-cart-actions .prices-main .price {
      text-align: left; }
  .prices-add-to-cart-actions .price,
  .prices-add-to-cart-actions .price .sales,
  .prices-add-to-cart-actions .price .range,
  .prices-add-to-cart-actions .price .starting {
    font-family: "Suisse Book", sans-serif;
    font-weight: 400;
    font-weight: 400;
    font-size: 0.8125rem;
    line-height: 1rem;
    color: var(--skin-primary-color); }
  .prices-add-to-cart-actions .add-to-cart,
  .prices-add-to-cart-actions .add-to-cart-global {
    padding: 0.9375rem 2.75rem;
    white-space: nowrap; }
    .singleVariant .prices-add-to-cart-actions .add-to-cart, .singleVariant
    .prices-add-to-cart-actions .add-to-cart-global {
      max-width: 11.75rem;
      transition: max-width 0.3s ease-in-out; }
      @media (min-width: 768px) {
        .singleVariant .prices-add-to-cart-actions .add-to-cart, .singleVariant
        .prices-add-to-cart-actions .add-to-cart-global {
          position: relative;
          left: auto;
          bottom: auto;
          width: auto;
          max-width: none;
          transform: none; } }
      .singleVariant .prices-add-to-cart-actions .add-to-cart.stuck, .singleVariant
      .prices-add-to-cart-actions .add-to-cart-global.stuck {
        position: fixed;
        left: 50%;
        bottom: 2.875rem;
        width: calc(100% - 2.75rem);
        max-width: 20.8125rem;
        z-index: 90;
        transform: translateX(-50%); }
  @media (max-width: 767.98px) {
    .prices-add-to-cart-actions .product-inventory-messaging .inStock-alert {
      margin-bottom: 2.8125rem; } }
  .prices-add-to-cart-actions .product-inventory-messaging .email-alert-heading {
    font-size: 0.875rem;
    line-height: normal; }
  .prices-add-to-cart-actions .product-inventory-messaging .email-alert-field-wrapper {
    display: flex;
    align-items: center;
    margin-top: 0.5rem; }
    .prices-add-to-cart-actions .product-inventory-messaging .email-alert-field-wrapper .email-alert-field {
      flex: 0 0 calc(70% - 0.5rem);
      max-width: calc(70% - 0.5rem);
      margin-right: 0.5rem; }
      .prices-add-to-cart-actions .product-inventory-messaging .email-alert-field-wrapper .email-alert-field .form-control {
        font-size: 0.875rem;
        line-height: normal; }
        .prices-add-to-cart-actions .product-inventory-messaging .email-alert-field-wrapper .email-alert-field .form-control.field-error {
          border-color: #CC3D3D;
          background-color: #ffe1e1; }
    .prices-add-to-cart-actions .product-inventory-messaging .email-alert-field-wrapper .email-alert-btn {
      flex: 0 0 30%;
      max-width: 30%;
      padding-left: 0.625rem;
      padding-right: 0.625rem; }
  .prices-add-to-cart-actions .product-inventory-messaging .emailToAlertError {
    font-size: 0.75rem;
    text-align: left;
    color: #CC3D3D; }
  .prices-add-to-cart-actions .product-inventory-messaging .email-alert-success-wrapper {
    font-size: 0.875rem;
    margin-top: 2.5rem; }
  .prices-add-to-cart-actions .product-actions .bwp-btn-main {
    margin-left: auto;
    width: 10.6875rem; }

.auto-replenish-container {
  margin: 0.9375rem 0;
  padding: 0;
  border-radius: 0.3125rem;
  background-color: var(--color-white); }

.auto-replenish-header {
  display: flex;
  align-items: center;
  padding: 0.625rem;
  border-radius: 0.3125rem;
  background-color: var(--color-white);
  border: 0.0625rem solid var(--color-grey);
  border-width: 0.0625rem 0.0625rem 0; }
  .auto-replenish-header a.text-link, .auto-replenish-header a.text-link:hover {
    margin-left: 0.3125rem;
    font-size: 0.8125rem;
    color: var(--color-grey-aa);
    cursor: pointer; }
    .auto-replenish-header a.text-link::before, .auto-replenish-header a.text-link:hover::before {
      background-color: var(--color-grey-aa); }

.auto-replenish-title {
  font-size: 1rem;
  line-height: 1.5rem; }
  .auto-replenish-title a,
  .auto-replenish-title span {
    vertical-align: middle; }

.auto-replenish-toggle .custom-control-label {
  position: relative;
  color: var(--color-white);
  font-size: 0.6875rem;
  line-height: 0.875rem;
  margin-right: 0.75rem; }
  .auto-replenish-toggle .custom-control-label::before {
    width: 2.9375rem;
    height: 1.3125rem;
    border-radius: 1rem;
    border-color: var(--color-grey-aa);
    background-color: var(--color-grey-aa); }
  .auto-replenish-toggle .custom-control-label::after {
    top: 0.5625rem;
    left: -1.875rem;
    width: 0.6875rem;
    height: 0.6875rem;
    background-color: var(--color-white); }
  .auto-replenish-toggle .custom-control-label .label-text {
    position: absolute;
    top: 0.4375rem;
    right: -0.3125rem;
    text-align: right;
    z-index: 2;
    text-transform: uppercase; }
    .active .auto-replenish-toggle .custom-control-label .label-text,
    [subscribed] .auto-replenish-toggle .custom-control-label .label-text {
      right: 0.625rem;
      text-align: left; }

.auto-replenish-toggle .custom-control-input:checked ~ .custom-control-label::before,
.active .auto-replenish-toggle .custom-control-input ~ .custom-control-label::before,
[subscribed] .auto-replenish-toggle .custom-control-input ~ .custom-control-label::before {
  background-color: var(--color-grey-aa); }

.auto-replenish-toggle .custom-control-input:checked ~ .custom-control-label::after,
.active .auto-replenish-toggle .custom-control-input ~ .custom-control-label::after,
[subscribed] .auto-replenish-toggle .custom-control-input ~ .custom-control-label::after {
  transform: translateX(1.5rem); }

.auto-replenish-form {
  max-height: 0;
  height: auto;
  transition: max-height 0.3s ease-in;
  overflow: hidden;
  border-radius: 0.3125rem;
  background-color: var(--color-white);
  padding: 0.3125rem 0.625rem 0;
  margin-top: -0.3125rem;
  border: solid var(--color-grey);
  border-width: 0 0.0625rem 0.0625rem; }
  .active .auto-replenish-form,
  [subscribed] .auto-replenish-form {
    max-height: 100vh;
    padding: 0.625rem; }
  .auto-replenish-form select.custom-select {
    padding: 0.3125rem;
    height: 1.875rem;
    width: auto; }

@media (min-width: 768px) {
  .auto-replenish-dialog {
    max-width: 40rem; } }

.email-alert-btn {
  padding: 0.9375rem 2rem; }

.cart-and-ipay .btn {
  display: inline-block;
  width: auto;
  margin: 0; }
  @media (max-width: 543.98px) {
    .cart-and-ipay .btn {
      display: inline-block;
      width: auto;
      margin: 0; } }

.step-content, .step-content-container {
  max-width: 23.4375rem; }
  @media (min-width: 768px) {
    .step-content, .step-content-container {
      max-width: 23.4375rem; } }
  .step-content .ITC-container .ITC-figure, .step-content-container .ITC-container .ITC-figure {
    position: relative;
    margin: 0; }

.step-products {
  position: relative; }
  .step-products .step-action.disabled {
    cursor: not-allowed; }
    .step-products .step-action.disabled .add-to-bag {
      pointer-events: none; }
  .step-products .col-12,
  .step-products .col-md-8 {
    position: static; }

.step-slider,
.step-slider .slick-list, .step-slider.slick-slider,
.step-slider.slick-slider .slick-list {
  position: static; }

.step-slider .slick-prev, .step-slider.slick-slider .slick-prev {
  display: none; }
  @media (min-width: 768px) {
    .step-slider .slick-prev, .step-slider.slick-slider .slick-prev {
      left: -2rem;
      display: block; } }

.step-slider .slick-next, .step-slider.slick-slider .slick-next {
  display: none; }
  @media (min-width: 768px) {
    .step-slider .slick-next, .step-slider.slick-slider .slick-next {
      right: -2rem;
      display: block; } }

.step-slider .slick-dots, .step-slider.slick-slider .slick-dots {
  bottom: 0; }
  @media (min-width: 768px) {
    .step-slider .slick-dots, .step-slider.slick-slider .slick-dots {
      bottom: 5.5rem;
      left: 1rem; } }

.step-slide,
.step-slider .slick-slide {
  max-width: 22.625rem;
  min-width: 22rem;
  flex: 1 0 22rem;
  background-color: var(--color-white); }
  @media (min-width: 768px) {
    .step-slide,
    .step-slider .slick-slide {
      max-width: 22rem;
      min-height: 34.5rem; } }
  .step-slide:not(:last-child),
  .step-slider .slick-slide:not(:last-child) {
    border: solid var(--color-grey);
    border-width: 0 0.0625rem 0 0; }

.step-slide.step-all .step-product-thumb {
  padding: 0.9375rem 1.875rem; }
  .step-slide.step-all .step-product-thumb:nth-child(-n+2) {
    border: solid #c4c4c4;
    border-width: 0 0 0.0625rem 0; }
  .step-slide.step-all .step-product-thumb:first-of-type, .step-slide.step-all .step-product-thumb:nth-child(2n-1) {
    border-right: 0.0625rem solid #c4c4c4; }

.step-info {
  padding: 0.625rem; }

.step-num {
  font-size: 0.6875rem;
  line-height: 0.875rem;
  color: var(--skin-secondary-alt-color);
  text-transform: uppercase;
  margin: 0 0 0.625rem; }

.step-name {
  font-size: 1.5rem;
  line-height: 2.0625rem; }

.step-desc {
  font-size: 1rem;
  line-height: 1.5rem;
  color: var(--color-grey-aa);
  margin: 0 0 0.9375rem;
  min-height: 3rem;
  padding-right: 0.9375rem; }

.pdp-main .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-star,
.pdp-main .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-half-star,
.pdp-main .yotpo.bottomLine .yotpo-bottomline .yotpo-icon-empty-star, .pdp-main .yotpo.bottomline .yotpo-bottomline .yotpo-icon-star,
.pdp-main .yotpo.bottomline .yotpo-bottomline .yotpo-icon-half-star,
.pdp-main .yotpo.bottomline .yotpo-bottomline .yotpo-icon-empty-star,
.pdp-main .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-star,
.pdp-main .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-half-star,
.pdp-main .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-icon-empty-star {
  font-size: 0.75rem; }

.pdp-main .yotpo.bottomLine .yotpo-bottomline .yotpo-stars, .pdp-main .yotpo.bottomline .yotpo-bottomline .yotpo-stars,
.pdp-main .yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-stars {
  padding-top: 0.25rem; }

.pdp-main .yotpo .text-m {
  font-size: 0.75rem;
  margin-left: 0.625rem; }

.pdp-main #yotpo-bottomline-top-div {
  margin-top: 0 !important; }

.pdp-bottom .yotpo .yotpo-pager .yotpo-icon::before {
  bottom: 1.1875rem; }

.pdp-bottom .yotpo .yotpo-pager .yotpo-icon.yotpo_previous {
  margin-right: 1.625rem; }

.pdp-bottom .yotpo .yotpo-pager .yotpo-icon.yotpo_next {
  margin-left: 0; }

.add-to-cart-messages {
  display: none; }

/*** Styles configured within Yotpo dashboard. These are here for backup purposes ***/
/*
.yotpo.bottomLine .yotpo-bottomline .yotpo-stars,
.yotpo.bottomline .yotpo-bottomline .yotpo-stars,
.yotpo .yotpo-modal-bottom-line .yotpo-bottomline .yotpo-stars {
    padding-top: 0.1875rem;
}

.yotpo .yotpo-bottomline .yotpo-icon-star,
.yotpo .yotpo-bottomline .yotpo-icon-half-star,
.yotpo .yotpo-bottomline .yotpo-icon-empty-star {
    color: #272728;
}

/* override existing important tag */
/*
.yotpo a {
    position: relative;
    color: #707070 !important;
    margin-left: 0.3125rem;
    transition: all 0.3s ease-in-out;
    font-size: 0.675rem;
    line-height: 1.375rem;
}

.yotpo a:before {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 0.0625rem;
    background-color: #272728;
    transition: width 0.3s ease-in;
    content: '';
    z-index: 0;
}

.yotpo a:hover {
    color: #272728 !important;
}

.yotpo a:hover:before {
    width: 100%;
}
*/
/*** REVIEWS ***/
/*
.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active span {
    color: #707070;
}

.yotpo .yotpo-nav ul .yotpo-nav-tab.yotpo-active .yotpo-nav-wrapper {
    border-color: #272728;
}
*/
/* override existing important tag */
/*
.write-question-review-buttons-container .write-question-review-button .write-question-review-button-icon {
    color: #272728 !important;
}

.bottom-line-items-container-desktop .bottom-line-items-wrapper .yotpo-star-distribution-wrapper .yotpo-distribution-rows .yotpo-distribution-row .yotpo-star-distribution-score-value {
 	color: #272728;
}

.yotpo .yotpo-review .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
.yotpo .yotpo-comment .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
.yotpo .yotpo-question .yotpo-header .yotpo-header-element .y-label.yotpo-user-name,
.yotpo .yotpo-onsite-upload .yotpo-header .yotpo-header-element .y-label.yotpo-user-name {
 	color: #272728;
    font-size: 0.9375rem;
    line-height: 1.375rem;
    margin-right: 0.625rem;
}

.yotpo .yotpo-review .yotpo-header .yotpo-icon-profile,
.yotpo .yotpo-comment .yotpo-header .yotpo-icon-profile,
.yotpo .yotpo-question .yotpo-header .yotpo-icon-profile,
.yotpo .yotpo-onsite-upload .yotpo-header .yotpo-icon-profile {
     background: #89817e;
}

.yotpo .yotpo-review .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark,
.yotpo .yotpo-comment .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark,
.yotpo .yotpo-question .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark,
.yotpo .yotpo-onsite-upload .yotpo-header.yotpo-verified-user .yotpo-icon-circle-checkmark {
     color: #272728;
}

.yotpo .yotpo-review .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-comment .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-question .yotpo-header .yotpo-review-stars .yotpo-icon,
.yotpo .yotpo-onsite-upload .yotpo-header .yotpo-review-stars .yotpo-icon {
     color: #272728;
}

.yotpo .yotpo-review .yotpo-main .content-title,
.yotpo .yotpo-comment .yotpo-main .content-title,
.yotpo .yotpo-question .yotpo-main .content-title,
.yotpo .yotpo-onsite-upload .yotpo-main .content-title {
     color: #272728;
}
*/
.catch-pdp-widget {
  display: none !important; }

.og-div-radio {
  align-items: flex-start;
  background-color: var(--color-white);
  border-radius: 4px;
  border: 1px solid var(--color-grey);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 15px;
  position: relative;
  text-align: left; }
  @media (max-width: 767.98px) {
    .og-div-radio {
      padding: 12px; } }
  .og-div-radio p {
    margin: 0; }
    @media (max-width: 767.98px) {
      .og-div-radio p {
        font-size: 12px; } }

.og-div-radio-collapse {
  display: none;
  padding-left: 22px;
  padding-top: 15px; }
  @media (max-width: 767.98px) {
    .og-div-radio-collapse {
      padding-top: 8px; } }
  .og-div-radio-collapse > p,
  .og-div-radio-collapse .og-div-select {
    margin-bottom: 10px; }

og-offer[subscribed] .og-div-radio-collapse {
  display: block; }

.og-div-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  .og-div-list li,
  .og-div-list a {
    color: var(--color-grey5);
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 6px; }
    @media (max-width: 767.98px) {
      .og-div-list li,
      .og-div-list a {
        font-size: 12px;
        line-height: 18px; } }
  .og-div-list a {
    text-decoration: underline; }
  .og-div-list li {
    padding-left: 16px;
    position: relative; }
    .og-div-list li span {
      left: 0;
      position: absolute;
      top: 0; }

og-offer:not([subscribed]) .og-div-radio:first-child,
og-offer[subscribed] .og-div-radio + .og-div-radio {
  border-color: var(--color-black); }

.og-modal__container {
  width: 100%; }
  @media (min-width: 544px) {
    .og-modal__container {
      margin-left: auto;
      margin-right: auto;
      max-width: 40rem; } }

.og-upsellEligible {
  align-items: flex-end;
  display: flex;
  flex-direction: column;
  gap: 0.9375rem;
  justify-content: flex-end;
  text-align: right; }
  .og-upsellEligible-text {
    display: block;
    font-size: 0.8125rem;
    line-height: 1.125rem; }
  .og-upsellEligible .og-upsellEligible-lable {
    margin-bottom: 10px; }

og-upsell-modal .modal-header {
  margin: 0 -30px 32px; }
  @media (max-width: 543.98px) {
    og-upsell-modal .modal-header .modal-title {
      font-size: 16px; } }

.og-upsellEligible-lable {
  margin-bottom: 16px; }

/*# sourceMappingURL=detail.css.map*/