/*!**********************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[2]!./node_modules/sass-loader/dist/cjs.js!./cartridges/app_paulaschoice/cartridge/scss/default/style.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************/
@charset "UTF-8";
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaLight.woff2") format("woff2"), url("../fonts/ProximaNovaLight.woff") format("woff"), url("../fonts/ProximaNovaLight.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaLightItalic.woff2") format("woff2"), url("../fonts/ProximaNovaLightItalic.woff") format("woff"), url("../fonts/ProximaNovaLightItalic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 300;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaRegular.woff2") format("woff2"), url("../fonts/ProximaNovaRegular.woff") format("woff"), url("../fonts/ProximaNovaRegular.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaRegularItalic.woff2") format("woff2"), url("../fonts/ProximaNovaRegularItalic.woff") format("woff"), url("../fonts/ProximaNovaRegularItalic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 400;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaSemiBold.woff2") format("woff2"), url("../fonts/ProximaNovaSemiBold.woff") format("woff"), url("../fonts/ProximaNovaSemiBold.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaSemiBoldItalic.woff2") format("woff2"), url("../fonts/ProximaNovaSemiBoldItalic.woff") format("woff"), url("../fonts/ProximaNovaSemiBoldItalic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 600;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaBold.woff2") format("woff2"), url("../fonts/ProximaNovaBold.woff") format("woff"), url("../fonts/ProximaNovaBold.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaBoldItalic.woff2") format("woff2"), url("../fonts/ProximaNovaBoldItalic.woff") format("woff"), url("../fonts/ProximaNovaBoldItalic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 700;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaExtrabold.woff2") format("woff2"), url("../fonts/ProximaNovaExtrabold.woff") format("woff"), url("../fonts/ProximaNovaExtrabold.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 800;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaExtraboldItalic.woff2") format("woff2"), url("../fonts/ProximaNovaExtraboldItalic.woff") format("woff"), url("../fonts/ProximaNovaExtraboldItalic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 800;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaBlack.woff2") format("woff2"), url("../fonts/ProximaNovaBlack.woff") format("woff"), url("../fonts/ProximaNovaBlack.otf") format("opentype");
  font-display: swap;
  font-style: normal;
  font-weight: 900;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-nova;
  src: url("../fonts/ProximaNovaBlackItalic.woff2") format("woff2"), url("../fonts/ProximaNovaBlackItalic.woff") format("woff"), url("../fonts/ProximaNovaBlackItalic.otf") format("opentype");
  font-display: swap;
  font-style: italic;
  font-weight: 900;
  font-stretch: normal;
}
@font-face {
  font-family: proxima-sera;
  font-style: italic;
  font-weight: 600;
  src: url("../fonts/proximasera-semibolditalic-webfont.woff2") format("woff2"), url("../fonts/proximasera-semibolditalic-webfont.woff") format("woff");
}
/* stylelint-disable */
.icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "iconfont" !important;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  line-height: 1;
}

.icon-account::before {
  content: "\ea01";
}

.icon-account-full::before {
  content: "\ea02";
}

.icon-address::before {
  content: "\ea03";
}

.icon-cart::before {
  content: "\ea04";
}

.icon-checkmark::before {
  content: "\ea05";
}

.icon-chevron::before {
  content: "\ea06";
}

.icon-chevron-thin::before {
  content: "\ea07";
}

.icon-cleanser::before {
  content: "\ea08";
}

.icon-close::before {
  content: "\ea09";
}

.icon-delivery::before {
  content: "\ea0a";
}

.icon-envelope::before {
  content: "\ea0b";
}

.icon-exfoliant::before {
  content: "\ea0c";
}

.icon-facebook::before {
  content: "\ea0d";
}

.icon-facebook-full::before {
  content: "\ea0e";
}

.icon-info::before {
  content: "\ea0f";
}

.icon-instagram::before {
  content: "\ea10";
}

.icon-instagram-alt::before {
  content: "\ea11";
}

.icon-moisturizer::before {
  content: "\ea12";
}

.icon-moon::before {
  content: "\ea13";
}

.icon-notifyme::before {
  content: "\ea14";
}

.icon-notifyme-thin::before {
  content: "\ea15";
}

.icon-pinterest::before {
  content: "\ea16";
}

.icon-restart::before {
  content: "\ea17";
}

.icon-search::before {
  content: "\ea18";
}

.icon-shopping-cart::before {
  content: "\ea19";
}

.icon-star::before {
  content: "\ea1a";
}

.icon-sun::before {
  content: "\ea1b";
}

.icon-tiktok::before {
  content: "\ea1c";
}

.icon-toner::before {
  content: "\ea1d";
}

.icon-treatment::before {
  content: "\ea1e";
}

.icon-twitter::before {
  content: "\ea1f";
}

.icon-youtube::before {
  content: "\ea20";
}

.icon-youtube-full::before {
  content: "\ea21";
}

/* stylelint-enable */
@-webkit-keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-filter: invert(0%);
            filter: invert(0%);
  }
  20% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg);
    -webkit-filter: invert(60%);
            filter: invert(60%);
  }
  40%, 80% {
    -webkit-transform: scale(1.7) rotate3d(0, 0, 1, 5deg);
            transform: scale(1.7) rotate3d(0, 0, 1, 5deg);
  }
  60% {
    -webkit-transform: scale(1.7) rotate3d(0, 0, 1, -5deg);
            transform: scale(1.7) rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-filter: invert(0%);
            filter: invert(0%);
  }
}
@keyframes tada {
  from {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-filter: invert(0%);
            filter: invert(0%);
  }
  20% {
    -webkit-transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg);
            transform: scale3d(0.8, 0.8, 0.8) rotate3d(0, 0, 1, -3deg);
    -webkit-filter: invert(60%);
            filter: invert(60%);
  }
  40%, 80% {
    -webkit-transform: scale(1.7) rotate3d(0, 0, 1, 5deg);
            transform: scale(1.7) rotate3d(0, 0, 1, 5deg);
  }
  60% {
    -webkit-transform: scale(1.7) rotate3d(0, 0, 1, -5deg);
            transform: scale(1.7) rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: scale3d(1, 1, 1);
            transform: scale3d(1, 1, 1);
    -webkit-filter: invert(0%);
            filter: invert(0%);
  }
}
@-webkit-keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@keyframes fade-up {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, 50px, 0);
            transform: translate3d(0, 50px, 0);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
h1,
.h1,
h2,
.h2,
h3,
.h3,
h4,
.h4 {
  font-weight: 600;
}

h1,
.h1 {
  color: #333133;
  font-size: 27px;
  text-transform: none;
  margin: 0 0 14px;
}

h2,
.h2 {
  font-size: 16px;
  line-height: 22px;
  letter-spacing: 1px;
}

h3,
.h3 {
  font-size: 16px;
  text-transform: none;
  margin: 18px 0 19px;
}

h4,
.h4 {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.59px;
}

p,
li {
  font-size: 16px;
}

.secondary-content h1,
.secondary-content .h1 {
  font-style: italic;
}

.read-more {
  padding-right: 20px;
  position: relative;
  display: inline-block;
  vertical-align: bottom;
  cursor: pointer;
}
.read-more:after {
  content: "\e910";
  display: inline;
  font-size: inherit;
  color: inherit;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.text-link {
  color: #30397a;
  text-decoration: underline;
  cursor: pointer;
}
.text-link:hover {
  text-decoration: none;
}

/* stylelint-disable */
.icon {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-family: "iconfont" !important;
  display: inline-block;
  font-style: normal;
  font-variant: normal;
  font-weight: normal !important;
  line-height: 1;
}

.icon-account::before {
  content: "\ea01";
}

.icon-account-full::before {
  content: "\ea02";
}

.icon-address::before {
  content: "\ea03";
}

.icon-cart::before {
  content: "\ea04";
}

.icon-checkmark::before {
  content: "\ea05";
}

.icon-chevron::before {
  content: "\ea06";
}

.icon-chevron-thin::before {
  content: "\ea07";
}

.icon-cleanser::before {
  content: "\ea08";
}

.icon-close::before {
  content: "\ea09";
}

.icon-delivery::before {
  content: "\ea0a";
}

.icon-envelope::before {
  content: "\ea0b";
}

.icon-exfoliant::before {
  content: "\ea0c";
}

.icon-facebook::before {
  content: "\ea0d";
}

.icon-facebook-full::before {
  content: "\ea0e";
}

.icon-info::before {
  content: "\ea0f";
}

.icon-instagram::before {
  content: "\ea10";
}

.icon-instagram-alt::before {
  content: "\ea11";
}

.icon-moisturizer::before {
  content: "\ea12";
}

.icon-moon::before {
  content: "\ea13";
}

.icon-notifyme::before {
  content: "\ea14";
}

.icon-notifyme-thin::before {
  content: "\ea15";
}

.icon-pinterest::before {
  content: "\ea16";
}

.icon-restart::before {
  content: "\ea17";
}

.icon-search::before {
  content: "\ea18";
}

.icon-shopping-cart::before {
  content: "\ea19";
}

.icon-star::before {
  content: "\ea1a";
}

.icon-sun::before {
  content: "\ea1b";
}

.icon-tiktok::before {
  content: "\ea1c";
}

.icon-toner::before {
  content: "\ea1d";
}

.icon-treatment::before {
  content: "\ea1e";
}

.icon-twitter::before {
  content: "\ea1f";
}

.icon-youtube::before {
  content: "\ea20";
}

.icon-youtube-full::before {
  content: "\ea21";
}

/* stylelint-enable */
.routine-step-2 .btn-next-2, .routine-step-1 button[type=button], .homepage-category-links a, .variant-selection a, .button,
.buttonstyle,
.add-to-cart-and-stay,
input[type=button],
input[type=submit] {
  -webkit-appearance: none;
  cursor: pointer;
  border-style: solid;
  border-width: 2px;
  display: inline-block;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 14px;
  line-height: 14px;
  text-align: center;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #333133;
  border-color: #333133;
  color: #ffffff;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  padding: 12px 30px 11px;
}
@media screen and (min-width: 768px) {
  .routine-step-2 .btn-next-2, .routine-step-1 button[type=button], .homepage-category-links a, .variant-selection a, .button,
  .buttonstyle,
  .add-to-cart-and-stay,
  input[type=button],
  input[type=submit] {
    padding: 9px 23px 8px;
    font-size: 12px;
    line-height: 12px;
  }
}
@media not all and (pointer: coarse) {
  .routine-step-2 .btn-next-2:hover:hover, .routine-step-1 button[type=button]:hover:hover, .homepage-category-links a:hover:hover, .variant-selection a:hover:hover, .button:hover:hover,
  .buttonstyle:hover:hover,
  .add-to-cart-and-stay:hover:hover,
  input[type=button]:hover:hover,
  input[type=submit]:hover:hover {
    color: #333133;
    background-color: #ffffff;
    text-decoration: none;
  }
}

button {
  background: none;
  border: 0;
  cursor: pointer;
  outline: none;
  padding: 0;
}

.button.inversed,
.buttonstyle.inversed,
.add-to-cart-and-stay.inversed,
input[type=button].inversed,
input[type=submit].inversed {
  background-color: transparent;
  border-color: #333133;
  color: #333133;
}
.button.inversed:hover,
.buttonstyle.inversed:hover,
.add-to-cart-and-stay.inversed:hover,
input[type=button].inversed:hover,
input[type=submit].inversed:hover {
  color: #ffffff;
  background-color: #333133;
  text-decoration: none;
}
.pt_storefront .page-content .button.inversed,
.pt_storefront .page-content .buttonstyle.inversed,
.pt_storefront .page-content .add-to-cart-and-stay.inversed,
.pt_storefront .page-content input[type=button].inversed,
.pt_storefront .page-content input[type=submit].inversed {
  font-weight: 600;
  padding: 10px 32px;
  margin-top: 10px;
}
.button.secondary,
.buttonstyle.secondary,
.add-to-cart-and-stay.secondary,
input[type=button].secondary,
input[type=submit].secondary {
  background-color: transparent;
  border-color: #323132;
  color: #323132;
}
@media not all and (pointer: coarse) {
  .button.secondary:hover:hover,
  .buttonstyle.secondary:hover:hover,
  .add-to-cart-and-stay.secondary:hover:hover,
  input[type=button].secondary:hover:hover,
  input[type=submit].secondary:hover:hover {
    color: #ffffff;
    background-color: #323132;
  }
}
.button.simple,
.buttonstyle.simple,
.add-to-cart-and-stay.simple,
input[type=button].simple,
input[type=submit].simple {
  border: none;
  background-color: #ffffff;
  color: #333133;
}
.button.inverted,
.buttonstyle.inverted,
.add-to-cart-and-stay.inverted,
input[type=button].inverted,
input[type=submit].inverted {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333133;
}
@media not all and (pointer: coarse) {
  .button.inverted:hover:hover,
  .buttonstyle.inverted:hover:hover,
  .add-to-cart-and-stay.inverted:hover:hover,
  input[type=button].inverted:hover:hover,
  input[type=submit].inverted:hover:hover {
    color: #333133;
    background-color: #ffffff;
    border-color: #333133;
    text-decoration: none;
  }
}
.button.onyx,
.buttonstyle.onyx,
.add-to-cart-and-stay.onyx,
input[type=button].onyx,
input[type=submit].onyx {
  background-color: #333133;
  border-color: #333133;
  color: #ffffff;
  font-size: 14px;
}
@media not all and (pointer: coarse) {
  .button.onyx:hover:hover,
  .buttonstyle.onyx:hover:hover,
  .add-to-cart-and-stay.onyx:hover:hover,
  input[type=button].onyx:hover:hover,
  input[type=submit].onyx:hover:hover {
    background-color: #ffffff;
    color: #333133;
  }
}
.button.white,
.buttonstyle.white,
.add-to-cart-and-stay.white,
input[type=button].white,
input[type=submit].white {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333133;
  font-size: 14px;
}
@media not all and (pointer: coarse) {
  .button.white:hover:hover,
  .buttonstyle.white:hover:hover,
  .add-to-cart-and-stay.white:hover:hover,
  input[type=button].white:hover:hover,
  input[type=submit].white:hover:hover {
    background-color: #333133;
    border-color: #333133;
    color: #ffffff;
  }
}
.button.dark,
.buttonstyle.dark,
.add-to-cart-and-stay.dark,
input[type=button].dark,
input[type=submit].dark {
  background-color: #333133;
  border-color: #000000;
  color: #ffffff;
}
@media not all and (pointer: coarse) {
  .button.dark:hover:hover,
  .buttonstyle.dark:hover:hover,
  .add-to-cart-and-stay.dark:hover:hover,
  input[type=button].dark:hover:hover,
  input[type=submit].dark:hover:hover {
    background-color: #ffffff;
    border-color: #000000;
    color: #000000;
  }
}
.button[disabled], .button.disabled,
.buttonstyle[disabled],
.buttonstyle.disabled,
.add-to-cart-and-stay[disabled],
.add-to-cart-and-stay.disabled,
input[type=button][disabled],
input[type=button].disabled,
input[type=submit][disabled],
input[type=submit].disabled {
  background-color: #cccccc;
  border-color: #cccccc;
  color: #666666;
  opacity: 0.5;
}
@media not all and (pointer: coarse) {
  .button[disabled]:hover:hover, .button.disabled:hover:hover,
  .buttonstyle[disabled]:hover:hover,
  .buttonstyle.disabled:hover:hover,
  .add-to-cart-and-stay[disabled]:hover:hover,
  .add-to-cart-and-stay.disabled:hover:hover,
  input[type=button][disabled]:hover:hover,
  input[type=button].disabled:hover:hover,
  input[type=submit][disabled]:hover:hover,
  input[type=submit].disabled:hover:hover {
    background-color: #cccccc;
    border-color: #cccccc;
    color: #666666;
    opacity: 0.5;
  }
}
.button i.left,
.button .fa.left,
.button .icon.left,
.buttonstyle i.left,
.buttonstyle .fa.left,
.buttonstyle .icon.left,
.add-to-cart-and-stay i.left,
.add-to-cart-and-stay .fa.left,
.add-to-cart-and-stay .icon.left,
input[type=button] i.left,
input[type=button] .fa.left,
input[type=button] .icon.left,
input[type=submit] i.left,
input[type=submit] .fa.left,
input[type=submit] .icon.left {
  margin-right: 0.6em;
}
.button i.right,
.button .fa.right,
.button .icon.right,
.buttonstyle i.right,
.buttonstyle .fa.right,
.buttonstyle .icon.right,
.add-to-cart-and-stay i.right,
.add-to-cart-and-stay .fa.right,
.add-to-cart-and-stay .icon.right,
input[type=button] i.right,
input[type=button] .fa.right,
input[type=button] .icon.right,
input[type=submit] i.right,
input[type=submit] .fa.right,
input[type=submit] .icon.right {
  margin-left: 0.6em;
}
.button.button--large,
.buttonstyle.button--large,
.add-to-cart-and-stay.button--large,
input[type=button].button--large,
input[type=submit].button--large {
  font-size: 14px;
  padding: 14px 23px;
}
@media screen and (min-width: 1180px) {
  .button.button--large,
  .buttonstyle.button--large,
  .add-to-cart-and-stay.button--large,
  input[type=button].button--large,
  input[type=submit].button--large {
    font-size: 16px;
    padding: 20px 40px;
  }
}
.button.unstyled,
.buttonstyle.unstyled,
.add-to-cart-and-stay.unstyled,
input[type=button].unstyled,
input[type=submit].unstyled {
  background-color: transparent;
  border: none;
  padding: 0;
}
.button.button--back,
.buttonstyle.button--back,
.add-to-cart-and-stay.button--back,
input[type=button].button--back,
input[type=submit].button--back {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: transparent;
  border: none;
  color: #30397a;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  margin: 0;
  opacity: 1;
  outline: none;
  padding: 0;
  position: relative;
  text-align: left;
  text-transform: initial;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.button.button--back::before,
.buttonstyle.button--back::before,
.add-to-cart-and-stay.button--back::before,
input[type=button].button--back::before,
input[type=submit].button--back::before {
  content: "\ea07";
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-family: "iconfont";
  font-size: 13px;
  line-height: 1;
  margin-right: 10px;
  position: relative;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
  width: 13px;
}
@media not all and (pointer: coarse) {
  .button.button--back:hover,
  .buttonstyle.button--back:hover,
  .add-to-cart-and-stay.button--back:hover,
  input[type=button].button--back:hover,
  input[type=submit].button--back:hover {
    opacity: 0.8;
  }
}

.back-button {
  display: none;
  position: fixed;
  left: 0;
  top: 100vh;
  z-index: 170;
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  width: 100vh;
  text-align: center;
}
@media screen and (min-width: 1180px) {
  .back-button {
    display: block;
  }
}
.back-button button {
  border: none;
  font-size: 0.782em;
  color: #333133;
  position: relative;
}
.back-button button:after {
  position: absolute;
  bottom: 4px;
  left: 0;
  width: 100%;
  height: 1px;
  background: #333133;
  content: "";
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
@media not all and (pointer: coarse) {
  .back-button button:hover:hover {
    text-decoration: none;
  }
  .back-button button:hover:hover:after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}

.footer-button {
  position: fixed;
  bottom: -20px;
  z-index: 190;
  opacity: 0;
  pointer-events: none;
  -webkit-transition-delay: 0;
          transition-delay: 0;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
  text-transform: uppercase;
  font-size: 0.782em;
  margin: 16px 0 0;
  border: none;
  background-color: #ffffff;
  color: #333133;
  display: none;
}
@media screen and (min-width: 1180px) {
  .footer-button {
    display: block;
  }
}
.footer-button:after {
  position: absolute;
  top: 70%;
  left: 46%;
  width: 8%;
  height: 1px;
  background: #333133;
  content: "";
  opacity: 0;
  -webkit-transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, -webkit-transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s;
  transition: height 0.3s, opacity 0.3s, transform 0.3s, -webkit-transform 0.3s;
  -webkit-transform: translateY(-10px);
          transform: translateY(-10px);
}
@media not all and (pointer: coarse) {
  .footer-button:hover:hover {
    background-color: #ffffff;
    color: #333133;
  }
  .footer-button:hover:hover:after {
    height: 2px;
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
}
body:not(.footer-fixed) .wrapper:not(.menu-active):not(.sub-menu-active):not(.search-active) .footer-button {
  bottom: 0;
  opacity: 1;
  pointer-events: auto;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.scroll-top {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333133;
  position: relative;
  display: block;
  padding-top: 60px;
  overflow: visible;
  margin: 10px;
}
.scroll-top:before {
  cursor: pointer;
  content: "";
  width: 50px;
  height: 50px;
  background-color: #333133;
  color: #ffffff;
  border-radius: 50%;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  display: block;
}
.scroll-top:after {
  content: "\e916";
  display: block;
  color: #ffffff;
  font-size: 30px;
  position: absolute;
  top: 10px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media not all and (pointer: coarse) {
  .scroll-top:hover:hover {
    text-decoration: none;
  }
  .scroll-top:hover:hover:before {
    -webkit-box-shadow: 1px 0 6px 2px rgba(0, 0, 0, 0.3);
            box-shadow: 1px 0 6px 2px rgba(0, 0, 0, 0.3);
  }
}

.cart-paypal-container {
  margin-left: auto;
  width: 300px;
}
@media screen and (min-width: 768px) {
  .cart-paypal-container.top {
    display: none;
  }
}
.cart-paypal-container .paypal-or {
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  margin-left: auto;
  margin-bottom: 5px;
}
@media screen and (max-width: 768px) {
  .cart-paypal-container .paypal-or {
    width: 100%;
    text-align: center;
  }
}
.cart-paypal-container .paypal-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background: #ffc439;
  color: #000000;
  height: 45px;
  min-height: 30px;
  max-height: 55px;
  position: relative;
  border: none;
  vertical-align: top;
  cursor: pointer;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .cart-paypal-container .paypal-button {
    margin: 0 auto 20px;
  }
}
.cart-paypal-container .paypal-button:hover {
  -webkit-filter: brightness(0.95);
          filter: brightness(0.95);
}
.cart-paypal-container .paypal-button .paypal-logo {
  margin-right: 10px;
  height: 21px;
  max-height: 27px;
  min-height: 18px;
}
.cart-paypal-container .paypal-button .button-text {
  text-decoration: none;
  font-size: 16px;
  margin-top: 2px;
}
@media screen and (max-width: 768px) {
  .cart-paypal-container {
    width: 100%;
  }
}

.cookie-settings {
  background-color: transparent;
  color: #f7edeb;
  border: 2px solid #f7edeb;
}
@media not all and (pointer: coarse) {
  .cookie-settings:hover:hover {
    background-color: #f7edeb;
  }
}

.badge {
  background-color: rgba(0, 0, 0, 0.3);
  position: absolute;
  top: 20px;
  left: 20px;
  z-index: 10;
  color: #ffffff;
  border-radius: 100%;
  line-height: 0;
  display: -webkit-inline-box !important;
  display: -webkit-inline-flex !important;
  display: -ms-inline-flexbox !important;
  display: inline-flex !important;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
}
@media screen and (min-width: 1180px) {
  .badge {
    left: 15px;
    top: 15px;
  }
}
.badge::after {
  content: "";
  display: block;
  padding-bottom: 100%;
}
.badge span {
  padding: 10px;
  line-height: 18px;
  margin-left: 5px;
  margin-right: 5px;
  max-width: -webkit-min-content;
  max-width: -moz-min-content;
  max-width: min-content;
  border-radius: inherit;
}
.badge span::before {
  content: "";
  display: block;
  padding-bottom: 100%;
  height: 100%;
  z-index: -1;
  background-color: inherit;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
}
@media screen and (max-width: 768px) {
  .badge img {
    width: 60px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .badge img {
    width: 65px;
  }
}
@media screen and (min-width: 1180px) {
  .badge img {
    width: 70px;
  }
}

.pdp-section-wrapper .badge,
.pdp-section-wrapper .badge-promo,
.pdp-section-wrapper .badge-new-look {
  pointer-events: none;
}

.badge-promo {
  background-color: #333133;
}

.badge-new-look {
  color: #333133;
}

/*------------------------------------------------------------------------------
// Badge styling on detail page (new PDP styles only)
------------------------------------------------------------------------------*/
.product-detail .badge {
  z-index: 20;
}
@media screen and (min-width: 768px) {
  .product-detail .badge {
    height: 105px;
    width: 105px;
  }
}
.product-detail .badge span {
  font-size: 14px;
  text-align: center;
  height: auto;
  position: relative;
  line-height: 14px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .product-detail .badge span {
    font-size: 20px;
    line-height: 20px;
  }
}
.product-detail .badge-new-look span {
  font-size: 10px;
}
@media screen and (min-width: 768px) {
  .product-detail .badge-new-look span {
    font-size: 20px;
    line-height: 20px;
  }
}

.grid-tile:not(:first-child) .badge-new-look {
  display: none;
}

.reset-password-response .password-reset-form-container {
  display: none;
}
.reset-password-response .reset-password-section:last-of-type {
  display: block;
}

.reset-password-section {
  display: none;
}

.reset-password {
  color: #333133;
  margin: 0.5em 0;
}
.reset-password a {
  font-weight: bold;
  text-decoration: underline;
}

.js .simple-submit {
  display: none;
}

legend,
.section-header {
  text-transform: uppercase;
  width: 100%;
  min-height: 19px;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 22px;
  font-weight: 600;
  font-style: normal;
  letter-spacing: 2px;
  text-align: left;
  color: #333133;
  position: relative;
  margin: 10px 0 20px;
  padding: 0 0 20px;
}
legend:after,
.section-header:after {
  position: absolute;
  content: "";
  height: 1px;
  width: 100%;
  bottom: 0;
  left: 0;
  background-color: #323132;
}

legend {
  float: left;
}

label {
  display: block;
  font-size: 1em;
  margin-bottom: 10px;
}
.field-wrapper label {
  width: auto;
  margin: 0;
}
label span.phone-explanation {
  display: inline-block;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
@media screen and (min-width: 768px) {
  label span.phone-explanation {
    margin-left: 10px;
  }
}

.form-label-text {
  float: left;
  font-size: 1.1em;
  font-weight: 700;
  padding: 0.75em 0 0;
  text-align: right;
  width: 25%;
}

.form-row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 0 10px;
}
@media screen and (max-width: 768px) {
  .form-row.formbuttonrow {
    margin: 0 0 20px;
  }
}
.form-row * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.form-row:not(.first):not(.float-label):after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 768px) {
  .form-row.half-row {
    float: left;
    margin-top: 0;
  }
  .form-row.half-row.first {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .form-row.half-row.first:after {
    content: none;
  }
  .form-row.half-row.last {
    width: calc(50% - 5px);
  }
}
@media screen and (min-width: 768px) {
  .form-row.quarter-row {
    float: left;
    margin-top: 0;
  }
  .form-row.quarter-row.first {
    margin-right: 10px;
  }
  .form-row.quarter-row.first:after {
    content: none;
  }
  .form-row.quarter-row.first, .form-row.quarter-row.last {
    width: calc(35% - 5px);
    max-width: 220px;
  }
  .form-row.quarter-row.first .form-row__label, .form-row.quarter-row.last .form-row__label {
    width: 100%;
  }
  .form-row.quarter-row.first label, .form-row.quarter-row.last label {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
.half-row.last + .form-row, .quarter-row.last + .form-row {
  clear: both;
}
.form-row .info-text {
  margin-bottom: 5px;
  text-align: right;
}
.form-row .info-text a {
  cursor: pointer;
}
.form-row.house-number {
  display: none;
}
.form-row.house-number.is-visible {
  display: block;
}

@media screen and (min-width: 768px) {
  .longlabels .quarter-row > label {
    height: 30px;
  }
}
.form-row-button {
  clear: left;
}
.ui-dialog .form-row-button, .pt_error .form-row-button {
  text-align: right;
}

.field-wrapper {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 10px;
  width: 100%;
  position: relative;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
}
.field-wrapper.label-after {
  width: auto;
  float: left;
  margin-bottom: 20px;
}
.field-wrapper label.error ~ label.error {
  display: none !important;
}

input[type=text],
input[type=number],
input[type=password],
input[type=date],
input[type=email],
input[type=search],
input[type=tel],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border-radius: 0;
  border: 2px solid #333133;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 16px;
  height: 41px;
  padding: 10px;
  text-indent: 0;
  width: 100%;
}
input[type=text]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=date]:focus,
input[type=email]:focus,
input[type=search]:focus,
input[type=tel]:focus,
textarea:focus {
  background-color: #ffffff;
}

input[type=password] {
  padding-right: 80px;
}

textarea {
  height: auto;
}

select,
option {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

select::-ms-expand {
  display: none;
}

select,
.select {
  background-color: transparent;
  border: 2px solid #333133;
  padding: 10px 30px 10px 10px;
  width: 100%;
  border-radius: 0;
  background: url("../images/chevron-down.svg") no-repeat right 12px center;
  font-size: 1em;
  font-family: "proxima-nova", Arial, sans-serif;
  color: #333133;
}
@media screen and (min-width: 1180px) {
  select.simple,
  .select.simple {
    padding: 12px;
    font-size: 13px;
    background-color: #ffffff;
    font-weight: 400;
    color: #333133;
  }
}
select:focus,
.select:focus {
  background-color: #ffffff;
}
select.test,
.select.test {
  width: auto;
  display: inline-block;
  font-weight: normal;
  padding: 0;
}

input[type=radio],
input[type=checkbox] {
  visibility: hidden;
  width: 0;
  margin: 0;
}
input[type=radio] + span.error + label, input[type=radio] + label,
input[type=checkbox] + span.error + label,
input[type=checkbox] + label {
  display: inline-block;
  vertical-align: middle;
  position: relative;
  padding-left: 30px;
  min-height: 20px;
  padding-top: 3px;
  cursor: pointer;
  width: auto;
}
input[type=radio] + span.error + label:before, input[type=radio] + span.error + label:after, input[type=radio] + label:before, input[type=radio] + label:after,
input[type=checkbox] + span.error + label:before,
input[type=checkbox] + span.error + label:after,
input[type=checkbox] + label:before,
input[type=checkbox] + label:after {
  content: "";
  display: block;
  position: absolute;
  width: 14px;
  height: 14px;
  left: 0;
  top: 0;
}
input[type=radio] + span.error + label:before, input[type=radio] + label:before,
input[type=checkbox] + span.error + label:before,
input[type=checkbox] + label:before {
  border: 1px solid #333133;
  width: 18px;
  height: 18px;
}
input[type=radio][disabled] + label,
input[type=checkbox][disabled] + label {
  cursor: default;
}
input[type=radio][disabled] + label:before,
input[type=checkbox][disabled] + label:before {
  border-color: #dddddd;
}

input[type=radio] + label {
  padding: 3px 10px 3px 30px;
  vertical-align: top;
}
input[type=radio] + label:before {
  border-radius: 18px;
  top: 3px;
}
input[type=radio] + label:after {
  border-radius: 8px;
  width: 10px;
  height: 10px;
  left: 4px;
  top: 7px;
  background-color: transparent;
  -webkit-transition: background-color 0.2s;
  transition: background-color 0.2s;
}
input[type=radio]:checked + label:after {
  background-color: #323132;
}
input[type=radio].hidden-radio + label {
  padding-left: 0;
}
input[type=radio].hidden-radio + label:before {
  border: 0;
}
input[type=radio].hidden-radio:checked + label:after {
  background: none;
}

input[type=checkbox] + label:after {
  content: "\e926";
  font-size: 14px;
  top: 3px;
  left: 3px;
  color: transparent;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
}
input[type=checkbox]:checked + span.error + label:after, input[type=checkbox]:checked + label:after {
  color: #323132;
}

.check-list {
  list-style-type: none;
  padding: 0;
}
.check-list li {
  font-size: 13px;
}
.check-list li::before {
  content: "\e926";
  margin-right: 5px;
}
.check-list li:not(:last-child) {
  margin-bottom: 3px;
}

.label-above label {
  margin-bottom: 0.3rem;
  width: auto;
}
.label-above .field-wrapper {
  float: none;
  padding-left: 0;
  width: auto;
}
.label-above .form-caption {
  margin-left: 0;
}

.form-horizontal label {
  float: left;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .form-horizontal label {
    width: 30%;
    font-weight: normal;
    font-size: 1em;
    margin-top: 0.5rem;
    margin-bottom: 0;
  }
}
.form-horizontal .field-wrapper {
  float: left;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .form-horizontal .field-wrapper {
    padding-left: 2%;
    width: 70%;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-caption {
    margin-left: 32%;
  }
}
@media screen and (min-width: 768px) {
  .form-horizontal .form-row-button {
    margin-left: 32%;
  }
}

@media screen and (min-width: 768px) {
  .form-indent {
    margin-left: 32%;
  }
}
.form-indent .form-caption {
  margin-left: 0;
}

.error-message {
  background-color: #faeded;
  padding: 0.7em 0.5em;
  text-indent: 0;
}

.error {
  background-color: #faeded;
  border-color: #990000;
}

.field-wrapper > .error {
  color: #990000;
}

span.error,
div.error {
  background: none;
}

.input-text.error {
  border-color: #990000;
}

.error-form {
  border-radius: 0.5em;
  color: #333133;
  background: #f7edeb;
  margin: 0.5em 0;
  padding: 0.8em;
}
.error-form p:last-child {
  margin: 0;
}

.form-inline form {
  padding: 0 0 2em;
  width: 98%;
}
.form-inline label {
  padding: 0 0 0.75em;
  text-transform: uppercase;
  width: auto;
}
.form-inline input[type=text],
.form-inline select,
.form-inline .select {
  margin-left: 0;
  width: 95%;
}
.form-inline button {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
}

.row-inline {
  display: inline;
}
.row-inline label {
  width: auto;
  font-weight: 700;
  margin-bottom: 10px;
}

.form-row.password .field-wrapper.valid:after {
  display: none;
}

.field-password__button {
  position: absolute;
  right: 2px;
  top: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 37px;
  line-height: 17px;
  border: unset;
  color: #999999;
  padding: 0 10px;
  background: transparent;
  text-transform: capitalize;
  -webkit-transition: color 0.2s ease;
  transition: color 0.2s ease;
}
.form-row .field-password__button {
  width: auto;
}
.field-password__button:hover {
  color: #999999;
  background: unset;
}
@media screen and (min-width: 1180px) {
  .field-password__button:hover {
    color: #000000;
  }
}
.field-password__button.show .field-password__button-show {
  display: none;
}
.field-password__button.show .field-password__button-hide {
  display: block;
}
.valid .field-password__button::before {
  content: "\e926";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 9px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #00b451;
}

.field-password__button-hide {
  display: none;
}

.dialog-required {
  display: inline-block;
  position: relative;
  float: right;
}
.ui-dialog .dialog-required {
  float: none;
  display: block;
  margin-bottom: 10px;
}
.dialog-required em {
  font-size: 0.65rem;
  font-style: normal;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  font-style: normal;
  letter-spacing: normal;
}

.required-indicator {
  padding: 0;
  color: #ff0000;
}

.optional-indicator {
  margin-left: 5px;
}

.form-field-tooltip {
  float: left;
  text-align: right;
  padding-bottom: 0.5em;
}
@media screen and (min-width: 768px) {
  .form-field-tooltip {
    float: none;
  }
}

.checkout-billing .form-field-tooltip {
  display: none;
}
.checkout-billing legend:after {
  display: none;
}

.formactions {
  margin-top: 20px;
  text-align: right;
}

span.error {
  display: block;
  background-color: transparent;
  font-style: italic;
  text-align: right;
}

.newsletter-page .caption {
  margin: 20px 0 10px;
  font-weight: 800;
}
.newsletter-page button {
  margin: 20px 0 10px;
}
.newsletter-page .date {
  width: 102px;
}
.newsletter-page .datewithmultiformat {
  width: 102px;
  height: 31px;
}
.newsletter-page .email-subscribe {
  position: relative;
}

.invoicefields.klarnafields {
  position: initial;
  background-color: rgba(247, 237, 235, 0.5);
  padding: 10px;
}
@media screen and (min-width: 768px) {
  .invoicefields.klarnafields {
    padding: 20px;
  }
}
.invoicefields.klarnafields .klarna-div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  min-height: 255px;
  -webkit-box-pack: space-evenly;
  -webkit-justify-content: space-evenly;
      -ms-flex-pack: space-evenly;
          justify-content: space-evenly;
}
.invoicefields.klarnafields .klarna-div .birthday-description {
  font-size: 12px;
  margin-bottom: 15px;
}
.invoicefields.klarnafields .klarna-div .birthday-label {
  margin-top: 5px;
  font-weight: 700;
}
.invoicefields.klarnafields .klarna-div .birthday-fields {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.invoicefields.klarnafields .klarna-div .birthday-fields div {
  margin: 0;
}
.invoicefields.klarnafields .klarna-div .birthday-fields label {
  display: none;
}
.invoicefields.klarnafields .klarna-div .birthday-fields .birthday-day {
  -webkit-box-flex: 0.28;
  -webkit-flex: 0.28;
      -ms-flex: 0.28;
          flex: 0.28;
}
.invoicefields.klarnafields .klarna-div .birthday-fields .birthday-month {
  -webkit-box-flex: 0.28;
  -webkit-flex: 0.28;
      -ms-flex: 0.28;
          flex: 0.28;
}
.invoicefields.klarnafields .klarna-div .birthday-fields .birthday-year {
  -webkit-box-flex: 0.38;
  -webkit-flex: 0.38;
      -ms-flex: 0.38;
          flex: 0.38;
}
.invoicefields.klarnafields .klarna-div .birthday-error {
  min-height: 30px;
  color: #990000;
}

/* =================== Input with float label */
.form-row.float-label {
  margin-bottom: 15px;
}
.form-row.float-label.error {
  color: #990000;
}
.form-row.float-label .field-wrapper {
  margin: 0;
}
.form-row.float-label .field-wrapper.valid:after {
  display: none;
}
.form-row.float-label .field-wrapper label.error {
  padding-left: 4px;
}
.form-row.float-label .field-password__button {
  top: 6px;
}
.form-row.float-label .form-row__label {
  position: absolute;
  top: 14px;
  left: 7px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: inherit;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}
.form-row.float-label .form-row__label .error-message {
  padding: 0 2px;
  margin: -1px 0 0 5px;
}
.form-row.float-label .input-text {
  height: 50px;
  padding: 21px 7px 7px;
  -webkit-transition: border-color 0.2s ease;
  transition: border-color 0.2s ease;
}
.form-row.float-label .input-text::-webkit-input-placeholder {
  color: transparent;
}
.form-row.float-label .input-text::-moz-placeholder {
  color: transparent;
}
.form-row.float-label .input-text:-ms-input-placeholder {
  color: transparent;
}
.form-row.float-label .input-text::-ms-input-placeholder {
  color: transparent;
}
.form-row.float-label .input-text::placeholder {
  color: transparent;
}
.form-row.float-label .input-text:not(:-moz-placeholder) ~ .form-row__label {
  top: 5px;
  font-size: 11px;
}
.form-row.float-label .input-text:not(:-ms-input-placeholder) ~ .form-row__label {
  top: 5px;
  font-size: 11px;
}
.form-row.float-label .input-text:focus ~ .form-row__label, .form-row.float-label .input-text.valid ~ .form-row__label, .form-row.float-label .input-text:not(:placeholder-shown) ~ .form-row__label, .form-row.float-label .input-text.error ~ .form-row__label {
  top: 5px;
  font-size: 11px;
}

/* =================== End Input with float label */
.valid-icon:before {
  content: "\e926";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 25px;
  height: 25px;
  margin-right: 9px;
  color: #ffffff;
  border-radius: 50%;
  background-color: #00b451;
}

.emailsuggestions-hint {
  float: left;
  width: 100%;
}

.registration-form-page .emailconfirm.error ~ .emailsuggestions-hint {
  display: none;
}

.item-list {
  margin-bottom: 2em;
}
@media screen and (min-width: 1180px) {
  .item-list {
    margin-bottom: 1em;
  }
}
.item-list tr:not(.cart-row--gift):not(.cart-row--gift-item) {
  border-bottom: 1px solid #cccccc;
}
.item-list tr:not(.cart-row--gift):not(.cart-row--gift-item).last {
  border: 0 none;
}
.item-list tr:not(.cart-row--gift):not(.cart-row--gift-item).headings {
  display: none;
}
.item-list td {
  padding: 0.6em;
  vertical-align: top;
}
.item-list .multi-shipment-row {
  border-bottom: none;
}

.item-details .product-list-item .name {
  font-size: 1.2em;
  font-style: italic;
}
.item-details .product-list-item .name a {
  color: inherit;
  text-decoration: none;
}
.item-details .product-list-item .promo {
  color: #990000;
}
.item-details .product-list-item .price-standard {
  color: #999999;
  text-decoration: line-through;
}

.item-availability ul,
.item-quantity-details ul {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.item-dashboard {
  color: #aaaaaa;
  width: 16rem;
}
.item-dashboard label {
  font-weight: normal;
  width: auto;
}
.item-dashboard .field-wrapper {
  width: auto;
}
.item-dashboard .option-quantity-desired input {
  width: 3rem;
}
.item-dashboard .value {
  margin-top: 0.5rem;
}
.item-dashboard .form-row {
  margin: 0;
}
.item-dashboard input,
.item-dashboard .value,
.item-dashboard select .option-toggle-public label {
  color: #333133;
}
.item-dashboard .input-checkbox {
  margin: 0 5px;
}
.item-dashboard .option-add-to-cart {
  margin-top: 0.5rem;
  width: 18rem;
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
}
.item-dashboard .option-add-to-cart label {
  color: #333133;
  float: left;
  font-weight: 700;
  margin: 0.5rem 0.5rem 0 0;
  text-transform: uppercase;
  width: auto;
}
.item-dashboard .option-add-to-cart input {
  width: 3rem;
  margin-right: 1em;
}
.item-dashboard .option-add-to-cart button {
  padding: 0.5em 1.5em;
}
.item-dashboard .option-quantity-purchased span.exceeded {
  color: #990000;
}

.tooltip {
  cursor: help;
  position: relative;
}
.tooltip.product-tile {
  cursor: pointer;
}

.tooltip-content {
  display: none;
}

.ui-tooltip.ui-widget-content {
  background: #333133;
  border-radius: 3px;
  -webkit-box-shadow: 2px 3px 3px 0 #999999;
          box-shadow: 2px 3px 3px 0 #999999;
  color: #ffffff;
}

.ui-tooltip-content {
  padding: 0.3em;
}
.ui-tooltip-content .recommendation-tooltip-header {
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.5em;
}
.ui-tooltip-content .recommendation-tooltip-header .product-price {
  font-weight: 400;
}
.ui-tooltip-content .recommendation-tooltip-header .product-price .price-standard {
  color: #999999;
  text-decoration: line-through;
}
.ui-tooltip-content .recommendation-tooltip-description,
.ui-tooltip-content .recommendation-tooltip-attributes {
  padding: 0.8em;
}
.ui-tooltip-content .shipping-method-cost,
.ui-tooltip-content .surcharge-product,
.ui-tooltip-content .promo {
  text-align: right;
  padding-bottom: 0.3rem;
}
.ui-tooltip-content .shippingtotal {
  clear: right;
  text-align: right;
  margin-top: 0.3rem;
}
.ui-tooltip-content .shippingtotal .value {
  border-top: 1px solid #5c5c5c;
  padding-top: 0.3rem;
}

.content-slot img {
  height: auto;
  max-width: 100%;
}

.slot-grid-header {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .slot-grid-header {
    padding: 0 18px;
  }
}
.slot-grid-header p {
  margin: 0;
  padding: 0;
}
.slot-grid-header .promotional-banner {
  font-size: 1em;
  line-height: 30px;
  letter-spacing: 0.2px;
  text-align: center;
  color: #e75025;
}
.slot-grid-header .promotional-banner a {
  color: #e75025;
}

.product-listing-1x4 {
  background: none repeat scroll 0 0 #ffffff;
  overflow: hidden;
  padding: 0.83em 0;
}
.product-listing-1x4 .search-result-items .grid-tile {
  margin: 0 1% 0 2%;
  width: 18%;
}

.account-nav-asset {
  background: url("../images/interface/icon-double-line-header.png") repeat-x scroll left top transparent;
  line-height: 1.5em;
  margin: 3.33em 0.83em;
  padding: 0.83em 0;
}
.account-nav-asset h2 {
  font-style: italic;
  font-weight: 400;
  margin: 1.16em 0 1.66em;
}

.content-asset ul,
.content-asset ol {
  line-height: 1.6em;
  margin: 1em 0;
  padding: 0 1.5em;
}
.content-asset address {
  margin: 1em 0;
}
.content-asset ul li {
  list-style: square outside none;
}
.content-asset ol li {
  list-style: decimal outside none;
}
.content-asset .account-options {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 0;
}
.content-asset .account-options li {
  background-color: #666666;
  border: 3px solid #cccccc;
  border-radius: 5px;
  list-style-type: none;
  margin: 1rem;
  text-align: center;
  width: 35%;
  -webkit-transition: all 1000ms ease;
  transition: all 1000ms ease;
}
.content-asset .account-options li:hover {
  background-color: #64772d;
  border-color: #64772d;
}
.content-asset .account-options li a {
  color: #ffffff;
  display: block;
  padding: 1rem;
}
.content-asset .account-options li a i {
  font-size: 6rem;
}

.browser-compatibility-alert {
  background-color: #ffffff;
  color: #333133;
  font-size: 1.3em;
  line-height: 2em;
  padding: 0.8em;
  top: 112px;
  position: absolute;
  width: 290px;
  left: 50%;
  margin-left: -145px;
  z-index: 10;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.browser-compatibility-alert i {
  margin: 15px auto;
  display: block;
  width: 22px;
}

.folder-slot {
  border-style: solid;
  border-color: #019328;
  border-width: 1px;
  background-color: white;
  padding: 0.5em 0.5em;
}
.folder-slot h2 {
  color: #019328;
  margin: 0.5em 0em;
}

.menu-slot {
  display: none;
  border-top: 1px solid #faeded;
  margin-top: 0.5em;
  padding-top: 1.5em;
}
.menu-slot .social-links {
  padding-left: 0;
}
.menu-slot .social-links li {
  display: inline-block;
  padding-left: 0;
}
@media screen and (min-width: 1180px) {
  .menu-slot {
    width: 13.5rem;
    display: block;
  }
}

.cart-recommendations {
  margin-top: 1rem;
}
.cart-recommendations .product-listing {
  background-color: #f5f3f3;
  padding: 1rem 0;
}
.cart-recommendations .product-listing:after {
  content: "";
  display: table;
  clear: both;
}

.cart-recommendations .tiles-container,
.category-slot .tiles-container,
.product-slot .tiles-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.cart-recommendations .tiles-container .grid-tile,
.category-slot .tiles-container .grid-tile,
.product-slot .tiles-container .grid-tile {
  margin: 1rem;
  padding: 1rem;
  width: 25%;
}
.cart-recommendations h1,
.cart-recommendations .h1,
.category-slot h1,
.category-slot .h1,
.product-slot h1,
.product-slot .h1 {
  color: #333133;
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .cart-recommendations h1,
  .cart-recommendations .h1,
  .category-slot h1,
  .category-slot .h1,
  .product-slot h1,
  .product-slot .h1 {
    margin-top: 27px;
    margin-bottom: 22px;
  }
}
@media screen and (min-width: 1180px) {
  .cart-recommendations h1,
  .cart-recommendations .h1,
  .category-slot h1,
  .category-slot .h1,
  .product-slot h1,
  .product-slot .h1 {
    color: #ffffff;
    position: absolute;
    top: 100px;
  }
}
.cart-recommendations h2,
.cart-recommendations .h2,
.category-slot h2,
.category-slot .h2,
.product-slot h2,
.product-slot .h2 {
  color: #333133;
  font-size: 1.5rem;
  font-style: italic;
  margin: 0;
  padding: 0.1rem 0.5rem;
}
.cart-recommendations h3,
.cart-recommendations .h3,
.category-slot h3,
.category-slot .h3,
.product-slot h3,
.product-slot .h3 {
  background-color: #ffffff;
  bottom: 0;
  color: #333133;
  font-size: 2rem;
  margin: 0;
  opacity: 0.6;
  padding: 2rem;
  position: absolute;
  text-transform: uppercase;
  width: 100%;
}
.cart-recommendations .catlanding-banner,
.category-slot .catlanding-banner,
.product-slot .catlanding-banner {
  overflow: hidden;
  position: relative;
  width: 100%;
}
.cart-recommendations .catlanding-banner img,
.category-slot .catlanding-banner img,
.product-slot .catlanding-banner img {
  height: auto;
  width: 100%;
  display: none;
}
@media screen and (min-width: 1180px) {
  .cart-recommendations .catlanding-banner img,
  .category-slot .catlanding-banner img,
  .product-slot .catlanding-banner img {
    display: block;
  }
}
.cart-recommendations .category-tile,
.category-slot .category-tile,
.product-slot .category-tile {
  float: left;
  overflow: hidden;
  padding: 0 0.15%;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .cart-recommendations .category-tile,
  .category-slot .category-tile,
  .product-slot .category-tile {
    width: 33%;
  }
}
.cart-recommendations .category-tile img,
.category-slot .category-tile img,
.product-slot .category-tile img {
  height: auto;
  width: 100%;
}
.cart-recommendations .cat-banner,
.category-slot .cat-banner,
.product-slot .cat-banner {
  overflow: hidden;
  position: relative;
}
@media screen and (min-width: 1180px) {
  .cart-recommendations .cat-banner,
  .category-slot .cat-banner,
  .product-slot .cat-banner {
    width: 800px;
    margin: auto;
  }
}
.cart-recommendations .cat-banner h1,
.category-slot .cat-banner h1,
.product-slot .cat-banner h1 {
  color: #333133;
  position: static;
}
.cart-recommendations .cat-banner p,
.category-slot .cat-banner p,
.product-slot .cat-banner p {
  color: #333133;
  font-size: 1em;
  font-weight: 400;
  line-height: 24px;
  margin: 0;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .cart-recommendations .cat-banner p,
  .category-slot .cat-banner p,
  .product-slot .cat-banner p {
    line-height: 30px;
  }
}
.cart-recommendations .search-result-items .grid-tile,
.category-slot .search-result-items .grid-tile,
.product-slot .search-result-items .grid-tile {
  margin: 0;
  padding: 0 0.15%;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .cart-recommendations .search-result-items .grid-tile,
  .category-slot .search-result-items .grid-tile,
  .product-slot .search-result-items .grid-tile {
    width: 33%;
  }
}
.cart-recommendations .search-result-items .grid-tile .product-tile,
.category-slot .search-result-items .grid-tile .product-tile,
.product-slot .search-result-items .grid-tile .product-tile {
  margin: 0 0.15%;
  padding: 1rem 0;
  width: 100%;
}
.cart-recommendations .search-result-items .grid-tile .product-tile .product-name,
.category-slot .search-result-items .grid-tile .product-tile .product-name,
.product-slot .search-result-items .grid-tile .product-tile .product-name {
  font-size: 1.2rem;
  font-weight: 100;
  height: auto;
  margin-top: 0.5em;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.cart-recommendations .search-result-items .grid-tile .product-tile .product-name a,
.category-slot .search-result-items .grid-tile .product-tile .product-name a,
.product-slot .search-result-items .grid-tile .product-tile .product-name a {
  color: #333133;
}
.cart-recommendations .search-result-items .grid-tile .product-tile .product-pricing,
.category-slot .search-result-items .grid-tile .product-tile .product-pricing,
.product-slot .search-result-items .grid-tile .product-tile .product-pricing {
  font-size: 1rem;
}

@media screen and (max-width: 1180px) {
  .category-slot {
    margin-top: 11px;
  }
}
.category-slot #shopping-event-banner > img {
  width: 100%;
}

.html-slot {
  background-color: #f5f3f3;
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px 0;
}
.html-slot h1,
.html-slot .h1 {
  color: #333133;
  font-size: 1.5rem;
  margin: 1rem;
  text-align: center;
}
@media screen and (min-width: 1180px) {
  .html-slot h1,
  .html-slot .h1 {
    font-weight: 100;
  }
}

@media screen and (max-width: 1180px) {
  .summary {
    width: auto;
  }
}
.summary * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.summary > div {
  background-color: #F6F7F6;
  margin-bottom: 16px;
  padding: 14px;
}
@media screen and (min-width: 768px) {
  .summary > div {
    padding: 24px;
  }
}
.summary .section-header {
  text-transform: none;
  letter-spacing: normal;
  font-size: 20px;
  line-height: 33px;
  margin: 0;
  padding: 0 0 4px;
}
.summary .section-header:after {
  content: "";
  display: table;
  clear: both;
}
.summary .section-header .section-header-note {
  font-size: 14px;
  line-height: 33px;
  color: #30397a;
  display: inline-block;
  float: right;
  text-decoration: underline;
}
.summary .section-header .section-header-note:hover, .summary .section-header .section-header-note:focus {
  text-decoration: none;
}
.summary .edit {
  position: absolute;
  text-transform: uppercase;
  right: 10px;
  font-size: 0.9em;
  line-height: 1.5em;
}
.summary .order-totals-table {
  font-size: 18px;
  line-height: 24px;
}
.summary .order-totals-table tr:first-child td {
  padding-top: 14px;
}
.summary .order-totals-table tr:last-child td {
  padding-bottom: 0;
}
.summary .order-totals-table td {
  padding: 7px 0 14px;
}
.summary .order-totals-table td:nth-child(2) {
  font-size: 20px;
  line-height: 24px;
}
.summary .order-totals-table .order-total {
  border-top-color: #333133;
  letter-spacing: normal;
}
.summary .order-totals-table .order-total td {
  padding-top: 20px;
  font-size: 20px;
  line-height: 24px;
  font-weight: 600;
}
.summary .order-promotions ul {
  margin-left: 0;
  padding-left: 0;
}
.summary .order-promotions li {
  list-style: none;
  font-size: 16px;
  line-height: 30px;
}
.summary .order-promotions li:before {
  content: "\e926";
  color: #00b451;
  display: inline-block;
  padding-right: 12px;
}
.summary .payment-options > div {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-left: -10px;
  margin-right: -10px;
}
.summary .payment-options h2 {
  display: none;
}
.summary .payment-options .fa {
  display: block;
  font-size: 30px;
  margin: 10px 10px 10px;
}
.summary .payment-options .fa:last-of-type {
  margin-right: auto;
}
.summary .payment-options .content-asset span:first-of-type {
  display: none;
}
.summary .address {
  margin-top: 14px;
}
.summary .address > div {
  font-size: 16px;
  line-height: 30px;
  margin-bottom: 0;
}
.summary .minilineitems-selectgift {
  padding: 10px 0;
}
.summary .minilineitems-selectgift .bonus-item-actions {
  float: right;
}

.summary-product {
  position: relative;
  display: table;
  width: 100%;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
}

.order-summary-usps + .form-row-button {
  background-color: transparent;
}
@media screen and (min-width: 768px) {
  .order-summary-usps + .form-row-button {
    display: none;
  }
}

.summary-properties {
  padding: 20px 0 24px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.summary-properties h4 {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  margin: 0 0 10px;
  font-size: 18px;
  line-height: 24px;
  text-transform: capitalize;
}
.summary-properties .item-quantity {
  font-size: 14px;
  margin-top: auto;
}
.summary-properties .item-price {
  justify-self: flex-end;
  margin-left: auto;
}
.summary-properties .item-price span {
  margin-top: auto;
  font-size: 20px;
  line-height: 24px;
  text-align: right;
}
.summary-properties .item-price .subtotal-unadjusted {
  font-size: 14px;
  margin-right: 6px;
}
.summary-properties a {
  text-decoration: underline;
}
.summary-properties a:hover, .summary-properties a:focus {
  text-decoration: none;
}

.order-shipping__container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  text-align: left;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  white-space: normal;
}
.order-shipping__container .form-row {
  width: 100%;
}
.order-shipping__container .form-row__label {
  display: none;
}
.order-shipping__container .order-shipping__name {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.order-shipping__container select {
  border-width: 1px;
  padding: 5px 10px;
  margin-left: 10px;
  margin-top: 7px;
}
.order-shipping__container select.error {
  margin-top: 0;
}
.order-shipping__container select.error + label {
  margin-left: 10px;
  padding-left: 5px;
}

.first-order__label {
  font-size: 20px;
  font-weight: 600;
  margin-left: 10px;
}

.order-shipping__value-old {
  font-size: 14px;
  text-decoration: line-through;
  margin-left: auto;
}

.first-order__message {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 14px;
}
.first-order__message.hide {
  display: none;
}
.order-totals-table .first-order__message {
  color: #e75025;
  margin-top: 5px;
}

.order-summary-footer {
  position: relative;
}
.order-summary-footer h2 {
  font-size: 2em;
  font-style: italic;
  font-weight: normal;
}

/* =============================================================================
Swatches, as for instance used on the make up product detail template
========================================================================== */
.swatches li {
  float: left;
}
.swatches li.selected a, .swatches li:hover a {
  border-color: #323132;
}
.swatches li.unselectable a {
  color: #e0e0e0;
  opacity: 0.8;
}
.swatches li.unselectable:hover a {
  border-color: #e0e0e0;
}
.swatches li a {
  border-color: #e0e0e0;
  border-style: solid;
  border-width: 1px 1px 3px;
  display: block;
  line-height: 3.5;
  min-height: 2.625rem;
  min-width: 2.625rem;
  margin: 0 0.5rem 0.5rem 0;
  padding: 1px;
  text-align: center;
  white-space: nowrap;
}
@media screen and (min-width: 1180px) {
  .swatches li a {
    line-height: 2.7;
    min-height: 2rem;
    min-width: 2rem;
  }
}

/* =============================================================================
Variant selection, as used for instance on the PDP.
========================================================================== */
.variant-selection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 10px;
}
.variant-selection a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 5px 10px;
  min-height: 40px;
  background: #ffffff;
  color: #333133;
}
.variant-selection a:hover {
  background: #333133;
  color: #ffffff;
}
.variant-selection ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 0 -5px;
  line-height: 14px;
}
@media screen and (min-width: 768px) {
  .variant-selection ul {
    line-height: 10px;
  }
}
.variant-selection ul.size {
  margin: -5px;
}
.variant-selection ul.size li {
  margin: 5px;
}
@media screen and (min-width: 376px) {
  .variant-selection ul.size li {
    min-width: 100px;
  }
}
@media screen and (max-width: 568px) {
  .variant-selection ul.size {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 10px;
    width: 100%;
    margin: 0;
  }
  .variant-selection ul.size li {
    margin: 0;
  }
}
.variant-selection ul.swatches {
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.variant-selection ul.swatches li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 17.25%;
      -ms-flex: 0 1 17.25%;
          flex: 0 1 17.25%;
  margin: 0 5px 10px;
  overflow: hidden;
}
.variant-selection ul.swatches li:hover {
  background: transparent;
}
.variant-selection ul.swatches a {
  border: none;
  position: relative;
}
.variant-selection ul.swatches a.unavailable img {
  opacity: 0.3;
}
.variant-selection ul.swatches a img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden;
  -o-object-fit: cover;
     object-fit: cover;
}
.variant-selection .selected-value {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}
.variant-selection .selected-value span {
  margin-left: 5px;
}
.variant-selection li {
  cursor: pointer;
  text-align: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 5px;
}
.variant-selection li.selected-size {
  pointer-events: none;
}
.variant-selection li.selected-size a {
  background: #333133;
  color: #ffffff;
}
.variant-selection li.disabled a {
  background: #cccccc;
  border-color: #cccccc;
  color: #ffffff;
}

.notifyme-msg {
  color: #ff0000;
}

.product-options .attribute,
.product-variations .attribute {
  margin: 30px 0;
  overflow: hidden;
  padding: 0;
  position: relative;
}
.product-options .attribute h3,
.product-variations .attribute h3 {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .product-options .attribute h3,
  .product-variations .attribute h3 {
    font-size: 0.813em;
  }
}
.product-options .attribute ul,
.product-variations .attribute ul {
  float: right;
  width: 100%;
}
.product-options .attribute .label,
.product-options .attribute h3,
.product-variations .attribute .label,
.product-variations .attribute h3 {
  text-transform: capitalize;
  margin-bottom: 5px;
  display: inline-block;
  color: #71605f;
}
@media screen and (min-width: 768px) {
  .product-options .attribute .label,
  .product-options .attribute h3,
  .product-variations .attribute .label,
  .product-variations .attribute h3 {
    margin-bottom: 0;
  }
}
.product-options .attribute .value,
.product-variations .attribute .value {
  width: 100%;
}
.product-options .attribute .selected-value,
.product-variations .attribute .selected-value {
  border: 0 none;
  color: #323132;
  font-weight: 400;
  padding: 1.3em 0 0 0.4em;
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .product-options .attribute .selected-value,
  .product-variations .attribute .selected-value {
    padding-top: 0.8em;
  }
}

.breadcrumb {
  font-size: 14px;
  line-height: 28px;
  margin: 0;
  padding: 0 0 0 12px;
  letter-spacing: 0.2px;
}
@media screen and (min-width: 1180px) {
  .breadcrumb .pt_product-search-result, .pt_collectionlanding .breadcrumb {
    margin: 0 0 0 -18px;
    padding: 0;
  }
}
@media screen and (min-width: 1180px) {
  .pt_categorylanding .breadcrumb {
    margin-left: 30px;
    padding: 0;
  }
}
.pt_product-details .breadcrumb > ol {
  margin: 0;
}
@media screen and (max-width: 768px) {
  .pt_content .breadcrumb li:last-of-type {
    display: none;
  }
  .pt_content .breadcrumb li:nth-last-of-type(2):after {
    display: none;
  }
}
@media screen and (min-width: 1180px) {
  .pt_content .breadcrumb {
    padding: 0;
    margin: 0;
  }
}
.breadcrumb a {
  text-decoration: none;
}
.breadcrumb ol {
  padding: 0;
}
.breadcrumb li {
  display: inline-block;
  list-style: none outside none;
}
.breadcrumb li:after {
  content: "/";
}
.breadcrumb li:last-of-type:after {
  display: none;
}

.paging-current-page {
  left: -999em;
  position: absolute;
}

.breadcrumb-element {
  color: #333133;
}

.breadcrumb-refinement {
  font-weight: 700;
}
.breadcrumb-refinement:after {
  content: attr(data-divider);
  font-style: normal;
}
.breadcrumb-refinement:last-of-type:after {
  content: "";
}

.breadcrumb-refinement-value {
  background-color: rgba(132, 189, 0, 0.3);
  display: inline-block;
  border-radius: 3px;
  margin: 0 0.42em 0.42em 0;
  padding: 0 0.42em;
}

.breadcrumb-result-text a,
.breadcrumb .searchphraselink {
  background: none;
  color: #84bd00;
  padding: 0;
}

.mini-cart {
  position: absolute;
  right: 15px;
  top: 13px;
  z-index: 1;
}
.added-popup-visible .mini-cart {
  z-index: auto;
}
@media all and (min-width: 1025px) {
  .mini-cart {
    left: auto;
    right: 30px;
    top: 17px;
  }
}
@media all and (min-width: 1501px) {
  .mini-cart {
    right: 50px;
  }
}

.mini-cart__total {
  position: relative;
}

.mini-cart__link {
  border-radius: 50%;
  border: 1px solid #333133;
  display: block;
  height: 36px;
  line-height: 20px;
  text-decoration: none;
  width: 36px;
}
@media (max-width: 767px) {
  .pdp-base-look .mini-cart__link {
    border: none;
  }
  .pdp-base-look .header--menu-open .mini-cart__link {
    border: 1px solid #333133;
  }
  .header--scrolled .mini-cart__link {
    border: 1px solid #333133;
  }
}
@media all and (min-width: 1025px) {
  .mini-cart__link {
    margin-top: 8px;
  }
}

.mini-cart__link--empty {
  color: #333133;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
.mini-cart__link--empty .mini-cart__quantity {
  display: none;
}

.mini-cart__icon {
  font-size: 17px;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

.mini-cart__quantity {
  background-color: #ffffff;
  border-radius: 10px;
  color: #333133;
  position: absolute;
  right: 8px;
  text-align: center;
  bottom: 20px;
  font-size: 8pt;
  border: 1px solid #333133;
  line-height: 17px;
  position: absolute;
  top: -5px;
  right: -8px;
  width: 19px;
  height: 19px;
}
.mini-cart__quantity.animate {
  -webkit-font-smoothing: antialiased;
  -webkit-animation: tada 1.2s;
          animation: tada 1.2s;
}

/*---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
.hero {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  display: block;
  margin: 0 auto;
  position: relative;
}
@media screen and (min-width: 768px) {
  .hero {
    height: auto;
    max-height: 750px;
    max-width: 1260px;
  }
}
.hero > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.hero img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 768px) {
  .hero .content-container {
    max-width: 600px;
    padding: 60px;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    right: 50%;
    width: 50%;
    z-index: 0;
  }
}
.hero .content-container .content {
  display: none;
}
@media screen and (min-width: 768px) {
  .hero .content-container .content {
    display: block;
    width: 392px;
    margin: 0 auto;
  }
}
.hero h1,
.hero .h1 {
  color: #333133;
  line-height: 30px;
  font-size: 19px;
  font-weight: 500;
  margin: 0 0 5px;
}
@media screen and (min-width: 768px) {
  .hero h1,
  .hero .h1 {
    line-height: 44px;
    font-size: 2.25em;
  }
}
.hero h2,
.hero .h2 {
  font-size: 13px;
  line-height: 25px;
  font-weight: 500;
  margin: 0;
}
.hero p {
  line-height: 25px;
  letter-spacing: 0.3px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .hero p {
    font-size: 1em;
  }
}
.hero .mobile-content {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 10px 24px;
}
@media screen and (min-width: 768px) {
  .hero .mobile-content {
    display: none;
  }
}
.hero .mobile-content p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

/*---------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------*/
.homepage-banner {
  position: relative;
  background-size: cover !important;
  background-position: center center !important;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  .homepage-banner {
    background-image: none !important;
  }
}
@media screen and (min-width: 768px) {
  .homepage-banner {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 500px;
    height: calc(100vh - 200px);
    margin-bottom: 0;
    max-height: 750px;
  }
}
@media screen and (min-width: 768px) {
  .homepage-banner .content-container {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    max-width: 600px;
    padding: 60px;
    position: absolute;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    top: 50%;
    right: 50%;
    width: 50%;
    z-index: 0;
  }
}
.homepage-banner .content-container .content {
  display: none;
}
@media screen and (min-width: 768px) {
  .homepage-banner .content-container .content {
    display: block;
    width: 392px;
    margin: 0 auto;
  }
}
.homepage-banner h1,
.homepage-banner .h1 {
  color: #333133;
  line-height: 30px;
  font-size: 19px;
  font-weight: 500;
  margin: 0 0 5px;
}
@media screen and (min-width: 768px) {
  .homepage-banner h1,
  .homepage-banner .h1 {
    line-height: 44px;
    font-size: 2.25em;
  }
}
.homepage-banner h2,
.homepage-banner .h2 {
  font-size: 13px;
  line-height: 25px;
  font-weight: 500;
  margin: 0;
}
.homepage-banner p {
  line-height: 25px;
  letter-spacing: 0.3px;
  margin-top: 20px;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .homepage-banner p {
    font-size: 1em;
  }
}
.homepage-banner .hero-image {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .homepage-banner .hero-image {
    display: none;
  }
}
.homepage-banner .hero-image img {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .homepage-banner .hero-image img {
    position: static;
    max-height: none;
    max-width: none;
    -webkit-transform: none;
            transform: none;
  }
}
.homepage-banner .mobile-content {
  background: rgba(255, 255, 255, 0.7);
  position: absolute;
  bottom: 0;
  display: block;
  width: 100%;
  padding: 10px 24px;
}
@media screen and (min-width: 768px) {
  .homepage-banner .mobile-content {
    display: none;
  }
}
.homepage-banner .mobile-content > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.homepage-banner .mobile-content p {
  margin-top: 10px;
  margin-bottom: 10px;
  font-size: 16px;
}

/* =============================================================================
   Homepage category links
   // Description: Block with category buttons on homepage.
   // Button color can be set in the BM.
   ========================================================================== */
.homepage-category-links {
  padding: 24px;
}
@media screen and (min-width: 768px) {
  .homepage-category-links {
    display: none;
  }
}
.homepage-category-links > * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.homepage-category-links h2 {
  text-transform: none;
}
.homepage-category-links ul {
  display: grid;
  list-style: none;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 48px 48px 48px;
  gap: 12px;
  margin: 0;
  padding: 0;
}
.homepage-category-links a {
  display: block;
  grid-column: span 1;
  grid-row: span 1;
  background-color: var(--homepage-categories-button-color);
  border-color: var(--homepage-categories-button-color);
}

.promotion-blocks {
  overflow: visible;
  padding-bottom: 5px;
}
@media screen and (min-width: 768px) {
  .promotion-blocks {
    overflow: hidden;
    margin: 25px -35px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.promotion-tile {
  margin-bottom: 50px;
}
@media screen and (min-width: 768px) {
  .promotion-tile {
    margin: 0 5px 0;
  }
}
.promotion-tile img {
  height: auto;
  width: 100%;
  border-radius: 3px;
}
.promotion-tile h4 {
  font-size: 18px;
  margin: 10px 0;
}
@media screen and (min-width: 1180px) {
  .promotion-tile h4 {
    height: 50px;
    overflow: hidden;
    margin: 15px 0;
    height: 24px;
  }
}
.promotion-tile p {
  line-height: 21px;
  font-size: 14px;
  overflow: hidden;
}
@media screen and (min-width: 1180px) {
  .promotion-tile p {
    height: 62px;
    line-height: 25px;
    font-size: 16px;
    height: 50px;
  }
}

.featured-product {
  background: transparent;
  background: -webkit-gradient(linear, left top, right top, from(#f5f3f3), color-stop(6%, #ffffff), color-stop(94%, #ffffff), to(#f5f3f3));
  background: linear-gradient(to right, #f5f3f3 0%, #ffffff 6%, #ffffff 94%, #f5f3f3 100%);
  border: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  z-index: 10;
}
.featured-product * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.featured-product .featured-product-image {
  position: relative;
  overflow: hidden;
}
.featured-product .featured-product-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 100%;
}
.featured-product .featured-product-image img {
  position: absolute;
  width: 100%;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
}
.featured-product .featured-product-details {
  padding: 0 24px;
}
.featured-product .featured-product-footer {
  position: relative;
  margin-top: auto;
  padding: 0 24px 15px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.featured-product .featured-product-footer span {
  display: block;
  width: auto;
}
.featured-product .featured-product-footer .add-to-cart-link {
  display: block;
  position: relative;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 55px;
      -ms-flex: 0 0 55px;
          flex: 0 0 55px;
  height: 40px;
}

.promotional-accordeon {
  margin: 10px auto;
  max-width: 1500px;
  background-size: 0 0;
}
.promotional-accordeon h3 {
  background-color: #9297a3;
  padding: 8px;
  padding-right: 40px;
  width: 100%;
  min-height: 40px;
  text-align: center;
  text-transform: uppercase;
  font-weight: 400;
  margin: 0;
  cursor: pointer;
  display: block;
  position: relative;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.promotional-accordeon.open .accordeon-body {
  display: block;
}
.promotional-accordeon .toggle {
  font-size: 30px;
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  bottom: 0;
  text-align: center;
}
.promotional-accordeon .toggle:after {
  content: "+";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.promotional-accordeon .toggle.open:after {
  content: "-";
}
.promotional-accordeon p {
  text-align: center;
  margin: 0;
}
.promotional-accordeon .accordeon-body {
  padding: 20px;
  display: none;
  background-color: #f5f3f3;
  position: relative;
}
.promotional-accordeon .accordeon-body-content {
  opacity: 1;
  z-index: 10;
  display: block;
  position: relative;
}

.collection-overview {
  padding: 20px 18px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  max-width: 1150px;
  margin: 0 auto;
}
.collection-overview * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.collection-block {
  width: 100%;
  margin: 0 5px 40px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .collection-block {
    width: calc(33.3% - 10px);
  }
}
.collection-block img {
  max-width: 100%;
}
.collection-block .button {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-top: auto;
  margin-right: auto;
}
.content-container .collection-block {
  margin: 0 -10px 10px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .content-container .collection-block {
    margin: 0 0 40px;
  }
}

.collection-title {
  margin: 20px 0 13px;
}
.collection-title > a {
  color: #333133;
}
.collection-title > a:hover {
  text-decoration: none;
}

.content-asset .collection-subtitle {
  color: #9297a3;
  margin-bottom: 8px;
}
.content-asset .collection-subtitle span {
  display: inline;
}
.content-asset .collection-subtitle ul {
  display: inline;
  list-style: none;
  margin: 0;
  padding: 0;
}
.content-asset .collection-subtitle ul li {
  list-style: none;
  display: inline;
}
.content-asset .collection-subtitle a {
  color: inherit;
  text-decoration: underline;
}
.content-asset .collection-subtitle a:hover {
  text-decoration: none;
}

.collection-media {
  position: relative;
}
.collection-media:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 42.3076923077%;
}
.collection-media img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.product-added-popup-wrapper {
  position: fixed;
  top: 0;
  bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  right: 0;
  pointer-events: none;
  z-index: 2;
  opacity: 0;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  overflow: auto;
  z-index: 15;
}
.added-popup-visible .product-added-popup-wrapper {
  opacity: 1;
  pointer-events: all;
  background-color: rgba(0, 0, 0, 0.4);
}
.product-added-popup-wrapper * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.product-added-popup {
  background: #ffffff;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 2px;
  opacity: 0;
  -webkit-transition: padding 0.2s ease, opacity 0.2s ease;
  transition: padding 0.2s ease, opacity 0.2s ease;
  width: 95%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  max-width: 690px;
  min-height: 320px;
  margin: auto;
}
@media screen and (min-width: 768px) {
  .product-added-popup {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    padding: 10px;
    width: 80%;
  }
}
.product-added-popup.active {
  opacity: 1;
  padding: 20px;
}
@media screen and (min-width: 768px) {
  .product-added-popup.active {
    padding: 34px 40px 28px;
  }
}
.product-added-popup h3 {
  max-width: calc(100% - 40px);
  margin: 0 0 15px;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .product-added-popup h3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
  }
}
.product-added-popup img {
  max-height: 140px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .product-added-popup img {
    width: 145px;
    max-height: 220px;
  }
}
.product-added-popup .close-toggle {
  color: #5c5c5c;
  position: absolute;
  font-size: 17px;
  line-height: 17px;
  right: 10px;
  top: 10px;
  background: transparent;
  border: 0;
  width: 40px;
}

.added {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .added {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.added .button {
  display: block;
  width: 100%;
}
.added .button + .button {
  margin-top: 5px;
}
.added img {
  display: none;
}
@media screen and (min-width: 768px) {
  .added img {
    display: block;
    margin-right: 20px;
  }
}

.product-added-interactions {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product-added-interactions {
    width: 200px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 200px;
        -ms-flex: 0 0 200px;
            flex: 0 0 200px;
  }
}
.product-added-interactions .continue-btn {
  display: none;
}
@media screen and (min-width: 768px) {
  .product-added-interactions .continue-btn {
    display: block;
  }
}

.product-added-details {
  width: 100%;
  margin-bottom: 15px;
  display: none;
}
@media screen and (min-width: 768px) {
  .product-added-details {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 35%;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 35%;
        -ms-flex: 1 0 35%;
            flex: 1 0 35%;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    height: 100%;
    margin-bottom: 0;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
.product-added-details span {
  display: block;
  text-align: left;
  font-size: 11px;
}
@media screen and (min-width: 768px) {
  .product-added-details span {
    font-size: 13px;
  }
}
.product-added-details .product-title {
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .product-added-details .product-title {
    font-size: 16px;
  }
}
@media screen and (min-width: 768px) {
  .product-added-details .product-count {
    margin-top: 40px;
  }
}
.product-added-details .pricing {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  margin-left: auto;
  width: auto;
}
@media screen and (min-width: 768px) {
  .product-added-details .pricing {
    margin-left: 0;
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
  }
}
.product-added-details .price-standard,
.product-added-details .price-sales {
  text-align: right;
  display: inline;
  white-space: nowrap;
  word-break: keep-all;
}
.product-added-details .price-standard {
  text-decoration: line-through;
}
@media screen and (min-width: 768px) {
  .product-added-details .price-standard {
    font-size: 20px;
  }
}
.product-added-details .price-standard + .price {
  margin-left: 10px;
}
.product-added-details .price-sales {
  font-size: 20px;
}
@media screen and (min-width: 768px) {
  .product-added-details .price-sales {
    font-size: 24px;
  }
}

/* ******************************
CONTENT SLOT
Recommendations slot in popup
****************************** */
.recommendations-slot {
  width: 100%;
}

.recommender-header {
  margin: 15px 0;
  margin-top: 20px;
  padding-top: 20px;
  border-top: 2px solid #333133;
}

.recommender-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .recommender-container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.recommender-container ul {
  list-style: none;
  padding: 10px;
}

.recommended-product-details {
  display: -webkit-box !important;
  display: -webkit-flex !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  width: 100%;
  margin: 2px;
  border: 1px solid #767575;
}
@media screen and (min-width: 768px) {
  .recommended-product-details {
    -webkit-flex-basis: calc(50% - 10px);
        -ms-flex-preferred-size: calc(50% - 10px);
            flex-basis: calc(50% - 10px);
    width: calc(50% - 10px);
  }
}
.recommended-product-details .image-container {
  width: 33.3333333333%;
  -webkit-flex-basis: 33.3333333333%;
      -ms-flex-preferred-size: 33.3333333333%;
          flex-basis: 33.3333333333%;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  padding: 2px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.recommended-product-details .image-container .name-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.recommended-product-details .image-container img {
  max-width: 100%;
}
.recommended-product-details .details-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 8px 8px 8px 2px;
  width: 100%;
}
.recommended-product-details .details-container .name-link {
  color: #333133;
  font-weight: 600;
}
.recommended-product-details .details-container .recomm-product-price {
  margin-top: auto;
}
.recommended-product-details .details-container .recomm-product-price .item-price {
  color: #979797;
  font-size: 16px;
  margin: 3px 0 2px;
  display: block;
}
.recommended-product-details .details-container .recomm-product-skin-type {
  margin-bottom: 15px;
}
.recommended-product-details .details-container .learn-more-btn {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.recommended-product-details .details-container .learn-more-btn .button {
  padding: 4px 10px 0;
  line-height: 20px;
  white-space: nowrap;
  max-height: 33px;
}
.recommended-product-details .details-container .learn-more-btn .button:first-child {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-right: 5px;
}

.trust-badge-overlay {
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.1);
  position: fixed;
  top: 0;
  left: 0;
  z-index: 220;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.trust-badge-overlay.hidden {
  opacity: 0;
  pointer-events: none;
}

.trust-badge-wrapper {
  position: relative;
  height: 342px;
}
@media screen and (max-width: 768px) {
  .trust-badge-wrapper {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .trust-badge-wrapper {
    width: 462px;
  }
}
.trust-badge-wrapper .close-toggle {
  z-index: 999999999;
  top: 20px;
  cursor: pointer;
  right: 10px;
  color: #333133;
  position: absolute;
  font-size: 16px;
  text-align: center;
  line-height: 40px;
  width: 40px;
  height: 40px;
  display: block;
}

.trusted-shop-badge {
  position: absolute;
}

/* =============================================================================
Carousel / Slider
// Description: default slider styling
========================================================================== */
.product-slider,
.category-slider {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  /* Fix of Webkit flickering */
  z-index: 1;
}
.product-slider h1,
.category-slider h1 {
  text-align: left;
  font-weight: 400;
  margin: 0 0 20px;
  color: #333133;
  font-size: 1.25em;
}
.product-slider .product-tile,
.category-slider .product-tile {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  height: auto;
  width: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  padding-bottom: 10px;
  margin: 0 auto;
}
.product-slider .product-tile .product-name,
.category-slider .product-tile .product-name {
  font-size: 16px;
  text-align: left;
}
.product-slider .product-tile .product-name a,
.category-slider .product-tile .product-name a {
  text-transform: none;
  word-wrap: break-word;
  overflow-wrap: break-word;
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
}

.slide-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  -webkit-transform: translate3d(0px, 0, 0);
          transform: translate3d(0px, 0, 0);
}

.slide-control {
  position: absolute;
  background-color: transparent;
  top: 0;
  border: none;
  z-index: 60;
  height: 100%;
  width: 30px;
  display: none;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.slide-control:hover {
  background-color: transparent;
}
.slide-control[aria-disabled=true] {
  opacity: 0;
}
.slide-control.prev {
  left: 0;
}
.slide-control.next {
  right: 0;
}
.slide-control i,
.slide-control .fa {
  color: #333133;
}

.product-slide-content {
  position: relative;
  text-align: left;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 5px;
}
@media screen and (min-width: 768px) {
  .product-slide-content {
    margin: 0 7.5px;
  }
}
.product-slide-content .product-image {
  margin-bottom: 25px;
}
.product-slide-content .product-name,
.product-slide-content .product-pricing,
.product-slide-content .product-skin,
.product-slide-content .add-to-cart-link {
  margin-bottom: 8px;
}
.product-slide-content .product-review {
  display: block;
  margin: 0 0 5px;
  min-height: 67px;
}
@media screen and (min-width: 768px) {
  .product-slide-content .product-review {
    min-height: 38px;
  }
}
.product-slide-content .add-to-cart-link {
  display: block;
  position: relative;
}

.product-slide-footer {
  margin-top: auto;
  display: block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.product-slide-footer .product-review {
  width: 100%;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
}

/* =============================================================================
Routine Slider Description: Styles concerning the routine slider
============================================================================= */
.recommendation-carousel .slide-control {
  display: none;
}
.pdp-section-wrapper .recommendation-carousel {
  position: relative;
  z-index: 0;
}

.quick-ctas-carousel-container {
  position: relative;
}
.quick-ctas-carousel-container .slide-control {
  display: block;
}

.routine-step {
  font-size: 16px;
}

.routine-product-long-description {
  max-height: 7.2em;
  height: 7.2em;
  overflow: hidden;
  margin-bottom: 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .routine-product-long-description {
    margin-bottom: 20px;
  }
}
.routine-product-long-description p {
  margin: 0;
}
.routine-product-long-description iframe {
  display: none;
}

/* =============================================================================
PDP Mobile slider
// Description: Slider showing main product images in a carousel only on mobile.
========================================================================== */
.product-visuals {
  width: 100%;
}
.product-visuals .product-tile {
  background: #f8f8f8;
  border: 1px solid #cccccc;
  border-radius: 3px;
  margin-right: 5px;
  padding-bottom: 0;
  height: 300px;
}
@media screen and (min-width: 768px) {
  .product-visuals .product-tile {
    background: transparent;
    width: auto !important;
    border: none;
    height: 500px;
    margin-right: 0;
  }
}
.product-visuals .product-tile.is-selected {
  border: 1px solid #333133;
}
.product-visuals .product-tile:nth-of-type(n + 2), .product-visuals .product-tile.product-tile-video {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .product-visuals .product-tile:nth-of-type(n + 2), .product-visuals .product-tile.product-tile-video {
    display: none;
  }
}
.product-visuals .product-tile-video {
  height: 300px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.product-visuals .video-wrapper {
  position: relative;
  width: 100%;
}
.product-visuals .video-wrapper:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.product-visuals .video-wrapper--cloudinary::before {
  content: none;
}
.product-visuals .main-video {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  display: block;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  cursor: pointer;
}

.swiper-scrollbar {
  background-color: #e2e2e2;
  height: 1px;
  max-width: 78%;
  margin: 0 auto;
}

.swiper-scrollbar-drag {
  background-color: #333133;
  height: 1px;
}

.product-info-accordeon {
  width: 100%;
  list-style: none;
  margin: 0 auto 42px;
  padding: 0;
  display: block;
  max-width: 790px;
}
.product-info-accordeon .accordeon-trigger {
  cursor: pointer;
  display: block;
  border-bottom: 2px solid #333133;
  padding-bottom: 5px;
  min-height: 40px;
  line-height: 2;
  position: relative;
}
.product-info-accordeon li .accordeon-body {
  display: none;
}
.product-info-accordeon li.open .accordeon-body {
  display: block;
}
.product-info-accordeon .toggle {
  font-size: 30px;
  line-height: 40px;
  height: 40px;
  width: 40px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  text-align: center;
}
.product-info-accordeon .toggle:after {
  content: "+";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.product-info-accordeon .toggle.open:after {
  content: "-";
}

.product-bundle-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin: 0 -10px;
  padding: 0;
}
.product-bundle-list li {
  margin: 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: calc(50% - 20px);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - 20px);
      -ms-flex: 0 0 calc(50% - 20px);
          flex: 0 0 calc(50% - 20px);
}
@media screen and (min-width: 768px) {
  .product-bundle-list li {
    width: calc(25% - 20px);
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(25% - 20px);
        -ms-flex: 0 0 calc(25% - 20px);
            flex: 0 0 calc(25% - 20px);
  }
}
.product-bundle-list li a {
  display: block;
}
.product-bundle-list li a img {
  width: 100%;
  height: 100%;
}
.product-bundle-list li span {
  display: block;
}
.product-bundle-list .name-link {
  text-transform: uppercase;
  color: #333133;
  font-size: 16px;
  line-height: 24px;
  text-decoration: none;
}

.product-reviews-accordeon .p-w-r {
  overflow: hidden;
}
.product-reviews-accordeon .accordeon-review-summary {
  cursor: pointer;
  padding: 0 0 10px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 20px;
  text-align: right;
}
@media screen and (min-width: 768px) {
  .product-reviews-accordeon .accordeon-review-summary {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 0;
  }
}
.product-reviews-accordeon .accordeon-review-summary > span {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .product-reviews-accordeon .accordeon-review-summary > span {
    text-align: left;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (min-width: 768px) {
  .product-reviews-accordeon .accordeon-review-summary .product-review {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}
.product-reviews-accordeon .accordeon-review-summary .accordeon-review-count {
  display: inline-block;
}
@media screen and (min-width: 768px) {
  .product-reviews-accordeon .accordeon-review-summary .accordeon-review-count {
    display: inline-block;
  }
}
.product-reviews-accordeon .product-reviews-tab.hidden {
  display: none;
}
.product-reviews-accordeon .product-review-article {
  border-bottom: none;
  margin: 0 0 30px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.product-reviews-accordeon .product-review-article:nth-of-type(n+4) {
  display: none;
}
.product-reviews-accordeon .product-review-author {
  font-weight: 400;
  font-size: 16px;
}
.product-reviews-accordeon .product-review-comment {
  font-weight: 400;
  font-size: 16px;
  position: relative;
  margin: 0;
  overflow: hidden;
  height: auto;
}
.product-reviews-accordeon .product-review-comment.cropped {
  max-height: 50px;
}
.product-reviews-accordeon .product-review-comment.cropped br {
  display: inline-block;
}
.product-reviews-accordeon .product-review-comment.full-review {
  height: auto;
}
.product-reviews-accordeon .product-review-length .read-less {
  display: none;
}
.product-reviews-accordeon .btn-cropped-review {
  display: none;
}
.product-reviews-accordeon .product-review {
  display: inline;
}
.product-reviews-accordeon .product-review-date {
  font-weight: 400;
  font-size: 16px;
  color: #767575;
  display: inline;
}
.product-reviews-accordeon .product-review-show-less {
  display: none;
}

/*------------------------------------------------------------------------------
// Content container inner
// Description: New grid-based container for content tiles used in PLP
// and in search results
------------------------------------------------------------------------------*/
.product-tile__variation-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.product-tile__variation-list .product-tile__variation-item {
  -webkit-box-flex: 0 !important;
  -webkit-flex: 0 1 auto !important;
      -ms-flex: 0 1 auto !important;
          flex: 0 1 auto !important;
  margin: 0 5px 0 0 !important;
  max-width: 50% !important;
}

.product-tile__variation-button {
  background-color: #ffffff;
  border: 1px solid #F5EBDF;
  border-radius: 5px;
  border-width: 1px;
  color: #333133;
  font-size: 12px;
  padding: 5px 9px;
  text-transform: none;
}
.product-tile__variation-button:hover {
  outline: 1px solid #333133;
}

.product-tile__variation-button--active {
  background-color: #F5EBDF;
}
.product-tile__variation-button--active:hover {
  background-color: #F5EBDF;
  cursor: not-allowed;
  outline: none;
}

.content-container__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}

.content-container__aside .search-result-options {
  padding-right: 0;
}
@media screen and (min-width: 768px) {
  .content-container__aside {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: 25%;
  }
}
@media screen and (min-width: 1180px) {
  .content-container__aside {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
    max-width: 33.33%;
  }
  .content-container__aside .search-result-options {
    max-width: 75%;
  }
}

.grundpreis {
  line-height: 1.8;
  font-size: 12px;
  font-style: italic;
  font-weight: 400;
  color: #959498;
}

.content-container__main {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: calc(100% + 10px);
  margin: 0 -5px;
}
.content-container__main .product-tiles {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.content-container__main .product-tiles li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 50%;
      -ms-flex: 1 1 50%;
          flex: 1 1 50%;
  max-width: calc(50% - 10px);
  margin: 0 5px 25px;
}
.content-container__main .product-tiles li.double-col {
  max-width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
@media screen and (min-width: 768px) {
  .content-container__main {
    margin: 0 -5px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 75%;
        -ms-flex: 1 1 75%;
            flex: 1 1 75%;
    max-width: calc(75% + 10px);
    overflow: hidden;
    padding: 50px 0 30px 15px;
  }
  .content-container__main .product-tiles li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
    max-width: calc(33.33% - 10px);
    margin: 0 5px;
  }
  .content-container__main .product-tiles li.double-col {
    max-width: calc(66.67% - 10px);
    -webkit-flex-basis: calc(66.67% - 10px);
        -ms-flex-preferred-size: calc(66.67% - 10px);
            flex-basis: calc(66.67% - 10px);
  }
}
@media screen and (min-width: 1180px) {
  .content-container__main {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 66.67%;
        -ms-flex: 1 1 66.67%;
            flex: 1 1 66.67%;
    max-width: calc(66.67% + 20px);
    margin: 0 -10px;
    padding-left: 8px;
  }
  .content-container__main .product-tiles li {
    margin: 0 10px 30px;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 25%;
        -ms-flex: 1 1 25%;
            flex: 1 1 25%;
    max-width: calc(25% - 20px);
  }
  .content-container__main .product-tiles li.double-col {
    max-width: calc(50% - 20px);
    -webkit-flex-basis: calc(50% - 20px);
        -ms-flex-preferred-size: calc(50% - 20px);
            flex-basis: calc(50% - 20px);
  }
}

/*------------------------------------------------------------------------------
// Product tiles container
// Description: product tile container used in PLP and similiar sections
------------------------------------------------------------------------------*/
.product-tiles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  padding: 18px;
  max-width: 1500px;
}
@media screen and (min-width: 768px) {
  .product-tiles {
    margin: 0 auto;
    padding: 0;
  }
}
@media screen and (min-width: 1180px) {
  .product-tiles {
    padding: 30px 35px;
  }
}
.js .product-tiles .hidden {
  display: none;
}
.product-tiles li {
  list-style: none outside none;
  -webkit-flex-basis: calc(50% - 20px);
      -ms-flex-preferred-size: calc(50% - 20px);
          flex-basis: calc(50% - 20px);
  margin-bottom: 50px;
  padding: 0;
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  margin: 0 10px 50px;
}
@media screen and (min-width: 768px) {
  .product-tiles li {
    -webkit-flex-basis: calc(33.3% - 36px);
        -ms-flex-preferred-size: calc(33.3% - 36px);
            flex-basis: calc(33.3% - 36px);
    margin: 0 18px 50px;
  }
}
@media screen and (min-width: 1180px) {
  .product-tiles li {
    -webkit-flex-basis: calc(25% - 36px);
        -ms-flex-preferred-size: calc(25% - 36px);
            flex-basis: calc(25% - 36px);
  }
}
@media screen and (min-width: 1500px) {
  .product-tiles li {
    -webkit-flex-basis: calc(25% - 80px);
        -ms-flex-preferred-size: calc(25% - 80px);
            flex-basis: calc(25% - 80px);
    margin: 0 40px 50px;
  }
}
.product-tiles li .promotion-container,
.product-tiles li .promotion-link {
  padding: 30px;
  background-color: #30397a;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .product-tiles li .promotion-container,
  .product-tiles li .promotion-link {
    min-height: 510px;
  }
}
.product-tiles li .promotion-container h1,
.product-tiles li .promotion-link h1 {
  color: #ffffff;
  font-size: 1.2rem;
}
@media screen and (min-widlink-blueth: 768px) {
  .product-tiles li .promotion-container h1,
  .product-tiles li .promotion-link h1 {
    font-size: 2rem;
  }
}
.product-tiles li .promotion-container button,
.product-tiles li .promotion-link button {
  border: 1px solid #ffffff;
  background-color: transparent;
}
.product-tiles li .promotion-link {
  width: 100%;
  height: 350px;
  background-size: cover;
  display: block;
}
@media screen and (max-width: 768px) {
  .product-tiles li .product-image {
    background-color: #f8f8f8;
  }
}
.product-tiles li .invisible {
  display: none;
}

/*------------------------------------------------------------------------------
// Product tile
// Description: product tile (singular)
// as for instance repeated in listers and in sliders
------------------------------------------------------------------------------*/
.product-tile {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0%;
      -ms-flex: 1 1 0%;
          flex: 1 1 0%;
  max-width: 100%;
}
@media screen and (min-width: 1180px) {
  .product-tile:after {
    content: "";
    background-color: #f8f8f8;
    width: 30px;
    height: 30px;
    -webkit-transform: rotate(45deg) translateX(-50%) scale(0);
            transform: rotate(45deg) translateX(-50%) scale(0);
    position: absolute;
    bottom: -45px;
    margin-left: 50%;
    -webkit-box-shadow: inset 0 0 0 #000000;
            box-shadow: inset 0 0 0 #000000;
    z-index: 10;
    opacity: 0;
    pointer-events: none;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
  }
}
.product-tile .product-slide-add {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.product-tile .product-slide-add .add-to-cart-link {
  margin-bottom: 0;
}
.product-tile .add-to-cart-link {
  -webkit-transition: 0.2s;
  transition: 0.2s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
  z-index: 10;
  position: relative;
  padding: 7px 14px;
  margin-left: auto;
}
.product-tile .add-to-cart-link:hover {
  text-decoration: none;
}
.product-tile .add-to-cart-link span,
.product-tile .add-to-cart-link i {
  font-size: 21px;
}
.product-tile .plp-notify-me-btn {
  margin-left: auto;
  padding: 7px 13px;
}
.product-tile .plp-notify-me-btn .fa-mail {
  font-size: 22px;
}
.product-tile .product-image {
  height: auto;
  position: relative;
  text-align: center;
  overflow: hidden;
}
@media not all and (pointer: coarse) {
  .product-tile .product-image:hover:hover img {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}
.product-tile .product-image img {
  aspect-ratio: 421/640;
  -webkit-transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out;
  transition: transform 0.3s ease-out, opacity 0.3s ease-out, -webkit-transform 0.3s ease-out;
  height: 100%;
  width: 100%;
  -o-object-position: center;
     object-position: center;
  display: block;
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .product-tile .product-image img {
    max-height: 315px;
    max-width: 100%;
    height: auto;
  }
}
.product-tile .thumb-link {
  display: block;
  position: relative;
}
.product-tile .product-name {
  font-weight: 600;
  font-size: 16px;
  line-height: 1.2;
  letter-spacing: 1px;
  margin-top: 5px;
}
.product-tile .product-name a {
  color: #333133;
  text-decoration: none;
}
.product-tile .product-plp-concerns {
  display: none;
}
.product-tile .product-plp-ingredients {
  display: none;
}
.product-tile .product-plp-keyfeatures p {
  margin: 4px 0;
}
.product-tile .product-plp-keyfeatures p::before {
  content: "✔ ";
  margin-right: 1px;
}
.product-tile .product-long-description {
  display: none;
}
.product-tile .product-long-description ~ .product-review {
  height: auto;
  margin-bottom: 0;
}
.product-tile .product-long-description ~ .product-review .pr-category-snippet__total {
  text-decoration: underline;
}
.product-tile .product-long-description ~ .product-review .pr-category-snippet__total:hover {
  text-decoration: none;
}
.product-tile .product-review > a {
  cursor: pointer;
}
.product-tile .product-skin {
  color: #959498;
  font-weight: 600;
  font-size: 12px;
  line-height: 1.5;
  text-transform: uppercase;
}
.product-tile .product-tile-footer {
  position: relative;
  min-height: 55px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: auto;
}
.product-tile .product-tile-footer .product-tile-footer__info .product-review {
  display: none;
}
@media screen and (min-width: 768px) {
  .product-tile .product-tile-footer .product-tile-footer__info .product-review {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 4px;
  }
}
.product-tile .product-pricing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  font-stretch: normal;
  font-style: normal;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  letter-spacing: 0.2px;
  line-height: 20px;
  margin-bottom: 0;
  margin-top: 0;
}
.product-tile .product-pricing .grundpreis {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
      -ms-flex-order: -1;
          order: -1;
  width: 100%;
}
.product-tile .product-pricing .product-sales-price {
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
}
.product-tile .product-pricing .product-standard-price {
  display: block;
  font-size: 13px;
  line-height: 20px;
  margin: 0 0 0 10px;
  padding-right: 0;
  text-decoration: line-through;
}
@media screen and (min-width: 768px) {
  .product-tile .product-pricing .product-standard-price {
    font-size: 14px;
  }
}
.product-tile .product-swatches-all {
  cursor: pointer;
  font-size: 0.9em;
}
.product-tile .discount-mention {
  display: none;
}
.product-tile .product-swatches {
  display: none;
}
.product-tile .product-swatches:hover ul.swatch-toggle {
  display: block;
}
.product-tile .product-swatches ul {
  list-style: none outside none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
.product-tile .product-swatches ul.swatch-toggle {
  background: none repeat scroll 0 0 #ffffff;
  display: none;
  position: absolute;
}
.product-tile .product-swatches li {
  float: left;
}
.grid-tile .product-tile .product-swatches {
  float: right;
}
.product-tile .product-swatches .swatch {
  display: block;
  width: 16px;
}
.product-tile .product-swatches .swatch img {
  border: 1px solid #ffffff;
  height: 12px;
  padding: 1px;
  width: 12px;
}
.product-tile .product-swatches .selected img,
.product-tile .product-swatches img:hover {
  border-color: #84bd00;
}
.product-tile .product-promo {
  display: none;
}
.product-tile .product-compare {
  float: left;
  line-height: 11px;
}
.product-tile .product-compare label {
  font-weight: 400;
  line-height: 1;
  padding: 0 0 0 0.5em;
  width: auto;
}
.product-tile .product-compare input {
  float: left;
  margin: 0;
}
.product-tile .product-review {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: auto;
  text-align: left;
  width: 100%;
}
.product-tile .product-review .rating-title {
  display: inline-block;
  margin-right: 1em;
}
.product-tile .product-review span {
  display: block;
}
.product-tile .product-review ~ .product-tile-footer {
  margin-top: 0;
}

.capture-product-id {
  left: -999em;
  position: absolute;
}

.product-image__wishlist {
  position: absolute;
  bottom: 4px;
  right: 0;
  cursor: pointer;
  pointer-events: none;
}
.product-image__wishlist .icon {
  padding: 10px;
  font-size: 24px;
}

.product-image__wishlist-inner {
  pointer-events: all;
}

.reviews-popup-dialog {
  max-height: 80%;
  overflow: auto;
  padding: 20px 20px 0 !important;
}
.reviews-popup-dialog .ui-helper-clearfix {
  width: 45px;
  height: 45px !important;
  position: -webkit-sticky !important;
  position: sticky !important;
  background: #ffffff !important;
  border: 1px solid #e0e0e0 !important;
  z-index: 2;
  display: block;
  margin-left: auto;
}
.reviews-popup-dialog .ui-helper-clearfix button {
  top: 0;
  left: 0;
}
@media screen and (max-width: 768px) {
  .reviews-popup-dialog {
    width: 90% !important;
  }
}
@media screen and (min-width: 768px) {
  .reviews-popup-dialog {
    width: 600px !important;
  }
}

.reviews-popup .reviews-popup__product {
  display: inline-block;
  font-size: 16px;
  margin-top: 8px;
  color: #000000;
  margin-bottom: 20px;
  line-height: 22px;
  letter-spacing: 1px;
  font-weight: 600;
}
.reviews-popup .pr-rd-header.pr-rd-content-block {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: column-reverse;
      -ms-flex-flow: column-reverse;
          flex-flow: column-reverse;
  margin-bottom: 0px !important;
}
.reviews-popup .p-w-r .pr-review-display .pr-rd-review-headline {
  margin-top: 0;
  margin-bottom: 10px;
}
.reviews-popup .p-w-r .pr-snippet-stars-reco-inline.pr-snippet-minimal .pr-snippet-read-and-write {
  margin-left: 10px !important;
  white-space: nowrap;
}
.reviews-popup .reviews-popup__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-bottom: 20px;
}
.reviews-popup .reviews-popup__header .reviews-popup__image {
  max-width: 120px;
}
.reviews-popup .reviews-popup__header .reviews-popup__image,
.reviews-popup .reviews-popup__header .reviews-popup__details {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.reviews-popup .reviews-popup__header .reviews-popup__image .pr-snippet-stars-reco-stars,
.reviews-popup .reviews-popup__header .reviews-popup__details .pr-snippet-stars-reco-stars {
  cursor: default !important;
}
@media screen and (max-width: 768px) {
  .reviews-popup .reviews-popup__header .reviews-popup__image .pr-snippet-stars-reco-stars .pr-snippet,
  .reviews-popup .reviews-popup__header .reviews-popup__details .pr-snippet-stars-reco-stars .pr-snippet {
    max-width: 200px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 5px;
  }
}
.reviews-popup .reviews-popup__header .reviews-popup__image .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-container,
.reviews-popup .reviews-popup__header .reviews-popup__details .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-container {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .reviews-popup .reviews-popup__header .reviews-popup__image .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-container,
  .reviews-popup .reviews-popup__header .reviews-popup__details .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-stars-container {
    margin-right: auto;
  }
}
.reviews-popup .reviews-popup__header .reviews-popup__image .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write,
.reviews-popup .reviews-popup__header .reviews-popup__details .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write {
  margin-right: auto;
  margin-left: 0 !important;
}
.reviews-popup .reviews-popup__header .reviews-popup__image .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write a,
.reviews-popup .reviews-popup__header .reviews-popup__details .pr-snippet-stars-reco-stars .pr-snippet .pr-snippet-read-and-write a {
  color: inherit;
}
.reviews-popup .reviews-popup__header .reviews-popup__details {
  margin-left: 15px;
}
.reviews-popup .reviews-popup__header .reviews-popup__details__subtitle {
  display: block;
}
.reviews-popup .reviews-popup__header .reviews-popup__header-product {
  max-width: 120px;
}
.reviews-popup .reviews-popup__content .pr-review {
  margin-bottom: 30px !important;
  padding-top: 15px !important;
  border-top: 1px solid #cccccc !important;
}
.reviews-popup .reviews-popup__content .js-reviews-popup-showmore {
  display: block;
  text-align: center;
  margin-bottom: 30px;
}
.reviews-popup .reviews-popup__content .pr-review-snapshot-block-container,
.reviews-popup .reviews-popup__content .pr-rd-details.pr-rd-author-nickname,
.reviews-popup .reviews-popup__content .pr-rd-details.pr-rd-author-location,
.reviews-popup .reviews-popup__content .pr-rd-details.pr-rd-author-nickname,
.reviews-popup .reviews-popup__content .pr-rd-details.pr-rd-author-location,
.reviews-popup .reviews-popup__content .pr-rd-footer.pr-rd-content-block,
.reviews-popup .reviews-popup__content .pr-rd-content-block.pr-accordion,
.reviews-popup .reviews-popup__content .pr-rd-images.pr-rd-content-block,
.reviews-popup .reviews-popup__content .pr-rd-helpful-action,
.reviews-popup .reviews-popup__content .pr-rd-main-footer {
  display: none !important;
}
.reviews-popup .reviews-popup__content .p-w-r .pr-ggl {
  display: none;
}
.reviews-popup .reviews-popup__content .p-w-r .pr-review-display .pr-rd-pagination {
  border-top: 0;
  border-bottom: 0;
}
.reviews-popup .reviews-popup__content .pr-rd-side-content-block.pr-rd-right .pr-rd-author-submission-date span {
  font-size: 13px;
  font-weight: 400;
  color: #333133;
}
.reviews-popup .reviews-popup__footer {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 10px;
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  background: #ffffff;
  padding: 15px 0;
}
@media screen and (max-width: 768px) {
  .reviews-popup .reviews-popup__footer button {
    padding: 10px;
  }
}
.reviews-popup .reviews-popup__footer .product-overlay-btn {
  margin-right: 10px;
  border: 1px solid #333133;
  color: #333133;
}
.reviews-popup .reviews-popup__footer .product-overlay-btn:hover {
  border: 1px solid #333133;
  background-color: transparent;
  color: #333133;
}
.reviews-popup .reviews-popup__footer .add-to-cart-review-popup {
  background-color: #30397a;
}
.reviews-popup .reviews-popup__footer .add-to-cart-review-popup:hover {
  background-color: transparent;
  border-color: #30397a;
  color: #30397a;
}

.promo-tile {
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%;
  -webkit-transition: background-size 0.2s ease-in-out;
  transition: background-size 0.2s ease-in-out;
}
.promo-tile.double-col.align-bottom {
  padding-top: 68.5%;
}
@media screen and (min-width: 768px) {
  .promo-tile.double-col.align-bottom {
    padding-top: 0;
  }
}

.promo-tile__anchor {
  bottom: 0;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 2;
}
.promo-tile__anchor:hover + .promo-tile__img img {
  -webkit-transform: translateX(-50%) scale(1.08);
          transform: translateX(-50%) scale(1.08);
}

.promo-tile__img {
  bottom: 0;
  height: 100%;
  left: 0;
  margin: 0;
  overflow: hidden;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 0;
}
.promo-tile__img img {
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.promo-tile__text {
  bottom: 0;
  left: 0;
  padding: 20px 15px;
  position: relative;
  z-index: 1;
}
@media screen and (min-width: 768px) {
  .promo-tile__text {
    padding: 20px;
  }
}
.promo-tile__text.align-bottom {
  width: 100%;
  position: absolute;
}
.promo-tile__text.align-left {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  top: 0;
  width: calc(50% - 10px);
}
@media screen and (min-width: 768px) {
  .promo-tile__text.align-left {
    width: 40%;
  }
}
.promo-tile__text.color-white {
  color: #ffffff;
}
.promo-tile__text.color-white a {
  color: #ffffff;
}
.promo-tile__text.color-onyx {
  color: #333133;
}
.promo-tile__text.color-onyx a {
  color: #333133;
}
.promo-tile__text h3 {
  font-size: 18px;
  margin: 0;
}
.promo-tile__text p {
  font-size: 16px;
  margin: 15px 0 0;
}
.promo-tile__text a {
  text-decoration: none;
}
.promo-tile__text a.button {
  -webkit-align-self: center;
      -ms-flex-item-align: center;
          align-self: center;
  color: #ffffff;
  display: inline-block;
  font-size: 14px;
  font-weight: bold;
  margin-top: 30px;
  padding: 15px 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .promo-tile__text a.button {
    padding: 15px 30px;
    width: auto;
  }
}
.promo-tile__text a.button:hover {
  color: #333133;
}

.bonus-product-list {
  margin-top: 8px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list {
    margin-top: 18px;
  }
}
.bonus-product-list .promotion {
  background: none;
  border-top: none;
  padding: 0 18px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .promotion {
    text-align: center;
  }
}
.bonus-product-list .promotion h2 {
  font-size: 22px;
  font-weight: bold;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .promotion h2 {
    font-size: 24px;
  }
}
.bonus-product-list .promotion p {
  font-size: 12px;
  line-height: 15px;
  margin: 17px 0 0 0;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .promotion p {
    font-size: 16px;
    line-height: 19px;
  }
}
.bonus-product-list .bonus-product-count {
  font-size: 12px;
  line-height: 15px;
  margin: 0 8px 11px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .bonus-product-count {
    font-size: 16px;
    line-height: 19px;
    margin: 0 38px 16px;
    text-align: center;
  }
}
.bonus-product-list .bonus-products-wrapper {
  max-height: 100%;
  overflow-y: auto;
  padding: 0 0 0 10px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .bonus-products-wrapper {
    padding: 0 20px 0 0;
  }
}
.bonus-product-list .bonus-products-wrapper-inner {
  max-height: calc(80vh - 190px);
  overflow-y: auto;
  padding: 0 15px 0 7px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .bonus-products-wrapper-inner {
    max-height: calc(75vh - 190px);
    padding: 0 31px 0 38px;
  }
}
.bonus-product-list .bonus-product-item {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  background-color: #F6F7F6;
  border: 1px solid transparent;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 0 10px;
  padding: 8px 12px;
  position: relative;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .bonus-product-item {
    padding: 8px 15px;
  }
}
.bonus-product-list .bonus-product-item.selected {
  border-color: #333133;
}
.bonus-product-list .bonus-product-item.faded {
  opacity: 0.3;
}
.bonus-product-list .bonus-product-item.outofstock {
  opacity: 0.3;
  pointer-events: none;
}
.bonus-product-list .bonus-product-item .product-col-1 {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 60px;
      -ms-flex: 1 1 60px;
          flex: 1 1 60px;
  max-width: 60px;
  padding-top: 12px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .bonus-product-item .product-col-1 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 130px;
        -ms-flex: 1 1 130px;
            flex: 1 1 130px;
    max-width: 130px;
    padding-top: 0;
  }
}
.bonus-product-list .bonus-product-item .product-col-2 {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 calc(100% - 60px);
      -ms-flex: 1 1 calc(100% - 60px);
          flex: 1 1 calc(100% - 60px);
  padding: 10px 15px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .bonus-product-item .product-col-2 {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 calc(100% - 130px);
        -ms-flex: 1 1 calc(100% - 130px);
            flex: 1 1 calc(100% - 130px);
    padding: 15px 25px;
  }
}
.bonus-product-list .bonus-product-item .select-bonus-item span {
  font-size: inherit;
}
.bonus-product-list .primary-image {
  max-width: 100%;
}
.bonus-product-list .product-add-to-cart {
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0;
  padding: 15px 0 10px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .product-add-to-cart {
    padding: 23px 0 4px;
  }
}
.bonus-product-list .bonus-product-value {
  font-size: 14px;
  font-weight: bold;
  margin: 10px 0 20px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .bonus-product-value {
    font-size: 16px;
  }
}
.bonus-product-list .product-name {
  font-weight: bold;
  font-size: 16px;
  line-height: 19px;
  margin: 0 0 2px;
}
@media screen and (min-width: 768px) {
  .bonus-product-list .product-name {
    margin-bottom: 5px;
  }
}
.bonus-product-list .quantity-error {
  color: #ff0000;
  text-transform: inherit;
}
.bonus-product-list .selected-bonus-item {
  list-style-type: none;
  margin: 1em;
  position: relative;
}
.bonus-product-list .selected-bonus-item .item-name {
  font-weight: bold;
}
.bonus-product-list .selected-bonus-item .remove-link {
  cursor: pointer;
  color: #666666;
  left: -0.5em;
  position: absolute;
}
@media screen and (max-width: 767px) {
  .bonus-product-list .selected-bonus-item .remove-link {
    left: -1.25em;
  }
}
.bonus-product-list .selected-bonus-item .remove-link:hover {
  color: #5c5c5c;
}

.bonus-product-description {
  margin: 8px 0;
}
@media screen and (min-width: 768px) {
  .bonus-product-description {
    margin-bottom: 15px;
  }
}
.bonus-product-description p {
  font-size: 14px;
  line-height: 17px;
  margin: 0;
}
.bonus-product-description p::before {
  content: "+";
  margin-right: 8px;
}
.bonus-product-description p:empty {
  display: none;
}
@media screen and (min-width: 768px) {
  .bonus-product-description p {
    font-size: 16px;
    line-height: 20px;
  }
}

.bonus-discount-container .bonus-product-promo {
  margin: 0;
}
.bonus-discount-container .promo-details {
  padding: 30px 0 20px 0;
}

/* BONUS ITEMS DIALOG */
div.bonus-items-popup {
  font-family: "proxima-nova", Arial, sans-serif;
  max-height: 80vh;
  max-width: 720px !important;
  overflow: hidden;
  padding: 5px;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
  width: 100% !important;
}
@media screen and (min-width: 768px) {
  div.bonus-items-popup {
    max-height: 95vh;
    padding: 20px;
  }
}
div.bonus-items-popup button.ui-dialog-titlebar-close {
  right: 0;
  top: 0;
}
div.bonus-items-popup button.ui-dialog-titlebar-close::before {
  font-size: 16px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  div.bonus-items-popup button.ui-dialog-titlebar-close {
    top: 18px;
    right: 18px;
  }
  div.bonus-items-popup button.ui-dialog-titlebar-close::before {
    font-size: 28px;
    font-weight: normal;
  }
}

.bonus-product-skin-type {
  color: #959498;
  display: block;
  font-size: 12px;
  font-weight: 600;
  margin-bottom: 5px;
  text-transform: uppercase;
}

.sizinginformation {
  border: 0 none;
  padding: 10px;
}
.sizinginformation th {
  background: none repeat scroll 0 0 #f5f3f3;
}
.sizinginformation td, .sizinginformation th {
  border-bottom: 1px solid #f5f3f3;
  padding: 10px;
}
.sizinginformation td {
  border-left: 1px solid #f5f3f3;
}
.sizinginformation .sizing-charts {
  border: 0 none;
}
.sizinginformation .tips-list {
  padding: 0 !important;
}
.sizinginformation .tips-list li {
  list-style: none outside none !important;
}

.dw-apple-pay-button,
.dw-apple-pay-button:hover {
  margin: 0;
}

.pt_cart .item-quantity-details {
  float: left;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
  text-align: center;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
@media screen and (min-width: 768px) {
  .pt_cart .item-quantity-details {
    float: none;
    text-align: left;
  }
}
.pt_cart .item-quantity-details .product-availability-list {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .pt_cart .item-quantity-details .product-availability-list {
    width: 5em;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
}
.pt_cart .item-quantity-details .product-availability-list .on-order,
.pt_cart .item-quantity-details .product-availability-list .not-available {
  color: #990000;
  font-size: 0.9em;
}
.pt_cart .item-quantity-details .item-user-actions a,
.pt_cart .item-quantity-details .item-user-actions button {
  display: block;
  font-size: 1em;
  width: 100%;
  margin: 0.3rem 0;
}
@media screen and (min-width: 768px) {
  .pt_cart .item-quantity-details .item-user-actions a,
  .pt_cart .item-quantity-details .item-user-actions button {
    width: auto;
  }
}
.pt_cart .sales-price {
  white-space: nowrap;
}

.cart-container {
  padding: 0 0 30px;
}
@media screen and (min-width: 1180px) {
  .cart-container {
    max-width: 1180px;
    margin: 30px auto;
    padding: 0;
  }
}
.cart-container .coupons-row .cart-promo {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.cart-container .cart-promo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  color: #8F8F8F;
  margin-bottom: 0;
  padding: 15px 0;
  position: relative;
}
.cart-container .cart-promo td {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 20px 15px;
  position: static;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .cart-container .cart-promo td {
    padding: 15px 10px;
  }
}
.cart-container .cart-promo .bonus-item-content {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
  padding-left: 0;
  width: auto;
}
.cart-container .cart-promo .bonus-info-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 50px 0 30px;
  position: relative;
}
.cart-container .cart-promo .bonus-item-details {
  -webkit-box-ordinal-group: initial;
  -webkit-order: initial;
      -ms-flex-order: initial;
          order: initial;
  text-transform: uppercase;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  margin-bottom: 10px;
}
@media screen and (min-width: 768px) {
  .cart-container .cart-promo .bonus-item-details {
    margin-bottom: 0;
  }
}
.cart-container .cart-promo .bonus-item-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 1em;
  margin: 5px 0;
  text-align: right;
  vertical-align: middle;
}
.cart-container .cart-promo .gift-icon {
  display: inline-block;
  height: auto;
  min-width: auto;
  min-height: 41px;
  background: url("../images/ico-present.svg") no-repeat;
  background-position: center;
  background-size: contain;
  -webkit-box-ordinal-group: inherit;
  -webkit-order: inherit;
      -ms-flex-order: inherit;
          order: inherit;
  margin: 0 auto;
  width: 41px;
}
.cart-container .cart-promo .tooltip {
  position: absolute;
  top: -10px;
  right: 0;
}
.cart-container .cart-promo .tooltip-icon {
  cursor: pointer;
  display: inline-block;
  position: relative;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: rgba(0, 0, 0, 0.2);
  color: #ffffff;
  border-radius: 50%;
  margin-left: 5px;
  text-transform: none;
}
.cart-container .cart-promo .tooltip-icon::after {
  content: "?";
  text-align: center;
  line-height: 21px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
.cart-container .gift-removed-undo__wrap {
  border-bottom: 0;
}
.cart-container .gift-removed-undo {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #F7EEEB;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 10px;
  padding: 10px;
}
.cart-container .fa-undo {
  display: block;
  margin-right: 5px;
}
.cart-container .gift-restore {
  display: block;
  margin-left: 5px;
}

.cart-max-amount-message {
  background-color: #f7edeb;
  border-radius: 5px;
  padding: 14px 10px 8px 11px;
  margin-bottom: 10px;
  margin-top: 7px;
}
@media screen and (min-width: 1180px) {
  .cart-max-amount-message {
    margin-bottom: 0;
  }
}
.cart-max-amount-message p {
  font-size: 14px;
  text-transform: lowercase;
  margin: 0;
}

.cart-table-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.cart-table-container > .bonus-item-promo {
  width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
.cart-table-container .cart-table {
  width: 100%;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
@media screen and (min-width: 1180px) {
  .cart-table-container .cart-table {
    display: inline-block;
    width: 66.6666666667%;
    -webkit-flex-basis: 66.6666666667%;
        -ms-flex-preferred-size: 66.6666666667%;
            flex-basis: 66.6666666667%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 30px;
    margin-right: auto;
    margin-top: 6px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .cart-table-container .cart-table {
    display: table;
    width: 62%;
    -webkit-flex-basis: 62%;
        -ms-flex-preferred-size: 62%;
            flex-basis: 62%;
  }
}

.cart-table {
  border-collapse: collapse;
}
.cart-table .greyout {
  opacity: 0.5;
}
.cart-table td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 5px;
  position: relative;
}
.cart-table td.item-quantity {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.cart-table td.cart-row__image-cell {
  padding: 0;
}
.cart-table td button.remove-button {
  position: absolute;
  top: 0;
  right: 0;
  background: transparent;
  color: #979797;
  border: 0;
  margin-top: 12px;
}
.cart-table td button.remove-button:hover {
  background: transparent;
}
.cart-table td button.remove-button .close-icon {
  font-size: 12px;
  margin-right: -10px;
  padding: 10px;
}
.cart-table td .notavailable {
  color: #990000;
}
@media all and (min-width: 769px) {
  .cart-table td.item-quantity {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .cart-table td.cart-row__image-cell {
    padding-right: 15px;
  }
}
@media all and (min-width: 1181px) {
  .cart-table td button.remove-button {
    margin-top: 5px;
  }
}
.cart-table .item-details {
  padding-left: 8px;
  width: 100%;
}
.cart-table .item-details .name-link {
  color: #333133;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  text-transform: uppercase;
}
.cart-table .item-details .name-link:hover {
  text-decoration: underline;
}
.cart-table .item-details .attribute,
.cart-table .item-details .product-skin,
.cart-table .item-details .sku,
.cart-table .item-details .promo {
  display: none;
}
.cart-table .item-details .item-details-wrapper {
  max-width: 500px;
}
.cart-table .item-details .item-details-wrapper p {
  margin: 12px 0;
  line-height: normal;
}
.cart-table .item-details .product-list-item {
  max-width: 300px;
}
@media all and (min-width: 769px) {
  .cart-table .item-details {
    padding-left: 0;
  }
  .cart-table .item-details .name-link {
    text-transform: none;
    font-style: normal;
    font-stretch: normal;
  }
}
@media all and (min-width: 1181px) {
  .cart-table .item-details {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
  .cart-table .item-details .name-link {
    font-size: 18px;
  }
  .cart-table .item-details .item-details-wrapper {
    min-width: 290px;
  }
}
.cart-table .item-quantity {
  color: #323132;
  font-size: 24px;
  font-stretch: normal;
  font-style: normal;
  margin-left: 0;
  margin-top: auto;
  padding-top: 0;
  text-align: left;
}
.cart-table .item-quantity .giftcard {
  font-size: 16px;
  font-weight: 400;
}
.cart-table .item-quantity input {
  border: 0;
  color: #323132;
  font-size: 14px;
  font-stretch: normal;
  font-style: normal;
  height: 30px;
  margin: 0px -5px;
  max-width: 30px;
  min-width: 40px;
  text-align: center;
  vertical-align: middle;
  width: auto;
}
.cart-table .item-quantity button {
  width: 30px;
  height: 30px;
  font-size: 20px;
  color: #979797;
  background: transparent;
  padding: 0;
  border: 0;
}
.cart-table .item-quantity button:hover {
  color: #979797;
  background: transparent;
}
.cart-table .item-quantity button .fa {
  font-size: 16px;
  line-height: 1;
}
@media all and (min-width: 769px) {
  .cart-table .item-quantity {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 250px;
        -ms-flex: 1 1 250px;
            flex: 1 1 250px;
    margin: 0;
    min-width: 250px;
    padding: 5px;
    text-align: center;
    width: 100%;
  }
}
@media all and (min-width: 1181px) {
  .cart-table .item-quantity .giftcard {
    font-size: 24px;
    font-weight: 700;
  }
}
.cart-table .item-total {
  padding-right: 0;
}
.cart-table .item-total span {
  display: block;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}
.cart-table .item-total .price-sales {
  color: #333133;
  font-size: 16px;
  font-weight: 400;
  white-space: nowrap;
}
.cart-table .item-total .price-standard {
  font-size: 13px;
  font-weight: 400;
  text-decoration: line-through;
  white-space: nowrap;
}
.cart-table .item-total .price-standard span {
  font-size: 13px;
}
@media all and (min-width: 769px) {
  .cart-table .item-total {
    -webkit-align-self: stretch;
        -ms-flex-item-align: stretch;
            align-self: stretch;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    width: 80px;
  }
  .cart-table .item-total span.giftcard {
    display: table-cell;
    text-align: center;
  }
}
@media all and (min-width: 1181px) {
  .cart-table .item-total {
    font-size: 18px;
  }
}
.cart-table .item-total {
  font-size: 16px;
  font-weight: 400;
  margin-top: 0;
  -webkit-box-ordinal-group: 8;
  -webkit-order: 7;
      -ms-flex-order: 7;
          order: 7;
  position: initial;
  text-align: right;
  white-space: nowrap;
}
@media all and (min-width: 769px) {
  .cart-table .item-total {
    position: relative;
  }
}

.cart-row {
  padding: 15px 0;
  display: grid;
  grid-template-columns: auto 1fr auto;
  grid-template-areas: "itemimage itemdetails itemtotal" "itemimage itemqty itemtotal";
  grid-template-rows: 1fr;
  position: relative;
  width: 100%;
}
.cart-row > .item-price {
  display: none;
}
.cart-row .item-details {
  grid-area: itemdetails;
}
.cart-row .item-quantity {
  grid-area: itemqty;
}
.cart-row .item-total {
  grid-area: itemtotal;
}
@media all and (min-width: 769px) {
  .cart-row {
    padding: 5px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.cart-row--gift {
  border-bottom: 0;
  padding: 10px 0 0;
}

.cart-row--gift-item {
  border-bottom: 0;
  padding: 15px 0;
}

.gifts-section-header-cell {
  text-align: left;
  width: 100%;
}

.gifts-section-header {
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  letter-spacing: 2px;
  text-align: left;
  position: relative;
  margin: 5px 0;
}

.price-unadjusted {
  color: #666666;
  margin: 0 0 0.42em;
  white-space: nowrap;
  display: block;
}
@media screen and (min-width: 768px) {
  .price-unadjusted {
    display: inline-block;
  }
}
.price-unadjusted span {
  text-decoration: line-through;
}

.price-adjusted-total {
  color: #666666;
  display: block;
  margin: 0.42em 0 0;
}
.price-adjusted-total span {
  color: #e75025;
}

.gift-cert-delivery {
  color: #e75025;
}

.item-delivery-options {
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
  text-align: center;
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
}
@media screen and (min-width: 768px) {
  .item-delivery-options {
    text-align: left;
    width: 8rem;
  }
}
.item-delivery-options .form-row {
  margin-top: 0;
}

.cart-coupon-code {
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 100%;
}
.cart-coupon-code button {
  width: 100%;
  padding: 11px 16px 12px;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .cart-coupon-code button {
    padding: 13px 16px 12px;
  }
}
@media screen and (min-width: 1180px) {
  .cart-coupon-code button {
    padding: 13px 16px 14px;
    background-color: transparent;
    color: #333133;
    margin-top: 0;
    border-width: 1px;
  }
  .cart-coupon-code button:hover {
    background-color: #333133;
    color: #ffffff;
  }
}
.cart-coupon-code input {
  border: 1px solid #cccccc;
  width: 100%;
}
.cart-coupon-code input.error {
  color: #990000;
}
.cart-coupon-code .coupon-wrapper {
  display: table;
  width: 100%;
  margin-bottom: 10px;
}
.cart-coupon-code .input-wrapper,
.cart-coupon-code .button-wrapper {
  display: table-cell;
  vertical-align: top;
}
.cart-coupon-code .button-wrapper {
  padding-left: 12px;
}
.cart-coupon-code div.error {
  background-color: #faeded;
  color: #990000;
}
.cart-coupon-code .cart-coupon-code__applied-message {
  background-color: #a7f8cb;
  color: #00B451;
}

.cart-coupon-code__label {
  font-size: 14px;
  letter-spacing: 2px;
  margin-bottom: 0;
  padding: 0 0 5px;
  position: relative;
  text-align: left;
}

.cart-order-totals {
  margin: 1rem 0;
}
.cart-order-totals.top {
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .cart-order-totals.top {
    display: none;
  }
}
.cart-order-totals.top form {
  width: 100%;
}
.cart-order-totals.top .form-row__label,
.cart-order-totals.top .order-subtotal,
.cart-order-totals.top .order-promotions {
  display: none;
}
.cart-order-totals.top .order-total {
  border: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: -17px;
}
.cart-order-totals.top .order-total.top {
  margin-top: 0;
}
.cart-order-totals.top .order-shipping__container {
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.cart-order-totals.top .order-shipping__name {
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
}
.cart-order-totals.top .order-shipping__name span {
  font-size: 16px;
}
@media screen and (min-width: 1180px) {
  .cart-order-totals {
    margin-top: 0;
  }
}

.order-totals-table {
  border-collapse: collapse;
  border-spacing: 0;
}
.order-totals-table td {
  padding: 10px 0;
  font-size: 16px;
  font-style: normal;
  font-stretch: normal;
}
.order-totals-table td:last-child {
  text-align: right;
}
.order-totals-table .order-shipping.first a {
  display: none;
}
.order-totals-table .order-totals-item {
  width: 60%;
}
.order-totals-table .order-totals-value {
  width: 40%;
}
.order-totals-table .order-shipping-value {
  margin-left: 20px;
}
.order-totals-table .order-value--strike {
  font-weight: 400;
  text-decoration: line-through;
  margin-right: 10px;
}
.pt_checkout .order-totals-table .order-value--strike {
  display: none;
}
.order-totals-table .order-subtotal,
.order-totals-table .order-total,
.order-totals-table .order-promotions,
.order-totals-table .order-usp {
  text-transform: uppercase;
  font-size: 16px;
  font-style: normal;
  letter-spacing: 2px;
  text-align: left;
  position: relative;
  padding: 0 0 13px;
  border-bottom: 1px solid #333133;
}
.order-totals-table .order-usp td {
  text-align: left;
  text-transform: none;
}
.order-totals-table .order-total {
  border-bottom: 0;
  border-top: 1px solid #323132;
  font-weight: 400;
}
.order-totals-table .order-total.top {
  border-top: none;
}
@media screen and (min-width: 1180px) {
  .order-totals-table .order-total {
    font-weight: 700;
  }
}
.order-totals-table .order-promotions td {
  text-transform: none;
  text-align: left !important;
}
.order-totals-table .order-promotions td ul {
  margin: 0;
  padding: 0;
}
.order-totals-table .order-promotions td li {
  line-height: normal;
  letter-spacing: 0.2px;
  margin: 5px 0 5px 30px;
  position: relative;
  list-style: none;
}
.order-totals-table .order-promotions td li:before {
  position: absolute;
  content: "\e926";
  left: -30px;
  top: 2px;
}

.order-value {
  white-space: nowrap;
}

.promo-adjustment {
  color: #e75025;
  margin: 0;
}
@media all and (min-width: 769px) {
  .promo-adjustment {
    float: right;
    width: 100%;
  }
}

.sample-limit-message {
  padding-bottom: 25px;
}

.cart-actions:after {
  content: "";
  display: table;
  clear: both;
}
.cart-actions.cart-actions-top {
  margin-bottom: 15px;
}
.cart-actions button {
  width: 100%;
  margin-bottom: 10px;
  padding: 16px 32px;
}
.cart-actions .secondary {
  margin-right: 20px;
}
.cart-actions .dw-apple-pay-button {
  font-size: 1.35em;
  padding: 0.5em 2em;
}
@media all and (min-width: 1181px) {
  .cart-actions.cart-actions-top {
    margin-bottom: 0;
  }
  .cart-actions button {
    width: auto;
  }
}

@media screen and (min-width: 768px) {
  .cart-action-checkout {
    float: right;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-left: 15px;
    text-align: right;
  }
}

@media screen and (min-width: 768px) {
  .cart-action-continue-shopping {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding-right: 15px;
  }
}
.cart-action-continue-shopping .button-text {
  margin-top: 0.2rem;
  margin-right: 1rem;
}
@media screen and (min-width: 1180px) {
  .cart-action-continue-shopping .button-text {
    margin-top: 0.6rem;
  }
}

.cart-empty {
  margin-top: 4rem;
}
.cart-empty:after {
  content: "";
  display: table;
  clear: both;
}
.cart-empty h1 {
  text-align: center;
}
.cart-empty .cart-action-continue-shopping {
  float: none;
  width: 100%;
  text-align: center;
  margin-bottom: 4rem;
}
.cart-empty .product-listing {
  background-color: #f5f3f3;
  padding: 1rem 0;
}
.cart-empty .product-listing:after {
  content: "";
  display: table;
  clear: both;
}
.cart-empty .product-listing h2 {
  margin-left: 1.3rem;
}
.cart-empty .product-listing .search-result-items {
  margin-top: 1em;
}

.account-welcome .welcome-message {
  font-size: 1.2em;
  font-style: italic;
}
.account-welcome .not-user {
  margin: 0.83em 0;
}

.password-reset__link {
  white-space: nowrap;
}

.cart-table-button {
  background-color: transparent;
  border: none;
  display: inline-block;
}

.subtotal-unadjusted {
  font-size: 14px;
  text-decoration: line-through;
}

.order-subtotal .content-asset {
  text-align: left;
}

.cartpage-slider-wrapper {
  background-color: #ffffff;
  padding: 5px 0;
  margin-bottom: 30px;
}
.cartpage-slider-wrapper .cartpage-slider .cartpage-slider-header {
  text-align: center;
  margin-left: 18px;
}
.cartpage-slider-wrapper .cartpage-slider .cartpage-slider-header h2 {
  font-size: 22px;
  letter-spacing: 0;
}
.cartpage-slider-wrapper .cartpage-slider .product-review,
.cartpage-slider-wrapper .cartpage-slider .product-skin {
  display: none;
}
@media all and (min-width: 769px) {
  .cartpage-slider-wrapper {
    margin-bottom: 0;
  }
  .cartpage-slider-wrapper .cartpage-slider .cartpage-slider-header {
    margin-left: 0;
  }
}

.apple-pay {
  display: block;
  position: relative;
  width: 100%;
}
.apple-pay .adyen-checkout__applepay__button {
  border-radius: 0;
  height: 50px;
  line-height: 1;
  margin-bottom: 15px;
  width: 100%;
}

.apple-pay__errors {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
}
.apple-pay__errors.apple-pay__errors--show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.apple-pay__error {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 10px;
  width: 100%;
}

.apple-pay__error-name {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  width: auto;
}
.apple-pay__error-name::after {
  content: " : ";
}

.apple-pay__error-msg {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.cart-header {
  margin-bottom: 15px;
  padding: 0 15px;
}
@media all and (min-width: 769px) {
  .cart-header {
    margin-bottom: 20px;
    padding: 0;
  }
}

.cart-title {
  margin-bottom: 5px;
  text-align: left;
}
@media all and (min-width: 769px) {
  .cart-title {
    text-align: center;
  }
}

.cart-main {
  display: block;
  min-width: 0;
  max-width: 600px;
  margin: 0 auto;
  width: 100%;
}
@media all and (min-width: 1181px) {
  .cart-main {
    max-width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.cart-main__form {
  display: block;
  padding: 0 15px;
  width: 100%;
}
@media all and (min-width: 1181px) {
  .cart-main__form {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 0;
  }
}

.cart-main__items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  width: 100%;
}
.cart-main__items .approaching-discount-wrapper {
  margin-top: 0;
}
@media all and (min-width: 1181px) {
  .cart-main__items {
    margin-right: 30px;
  }
}

@media all and (min-width: 1181px) {
  .cart-main__items-list {
    margin-top: 6px;
  }
}

.cart-main__summary {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  position: relative;
  width: 100%;
}
@media all and (min-width: 1181px) {
  .cart-main__summary {
    -webkit-align-self: flex-start;
        -ms-flex-item-align: start;
            align-self: flex-start;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}

.cart-main__summary-block {
  background-color: #F5F7F6;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 15px;
  position: relative;
  width: 100%;
}
.cart-main__summary-block .cart-coupon-code {
  display: block;
  margin: 0;
  padding: 10px 0;
  width: 100%;
}
.cart-main__summary-block .cart-coupon-code .mentionme {
  margin-bottom: 0;
}
.cart-main__summary-block .moneyback-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 10px 0;
}
.cart-main__summary-block .money-back-img {
  display: inline-block;
  height: 60px;
  margin: 0 10px 0 0;
  width: 60px;
}
.cart-main__summary-block #tagline-money-back,
.cart-main__summary-block #tagline-klarna {
  display: block;
  display: inline-block;
  font-size: 14px;
  font-weight: 500;
  margin: auto 0;
  position: relative;
}
.cart-main__summary-block #tagline-money-back .tooltip-content,
.cart-main__summary-block #tagline-klarna .klarna-tooltip-content {
  background: #f5f3f3;
  -webkit-box-shadow: 3px 3px 6px -4px #000000;
          box-shadow: 3px 3px 6px -4px #000000;
  color: #333133;
  display: none;
  padding: 20px;
  position: absolute;
  top: 40px;
  width: 280px;
  z-index: 1;
}
.cart-main__summary-block #tagline-money-back {
  font-size: 13px;
}
.cart-main__summary-block #tagline-klarna .dw-tooltip,
.cart-main__summary-block #tagline-klarna .klarna-tooltip {
  cursor: help;
  display: inline;
  position: relative;
}
.cart-main__summary-block .dw-close-tooltip,
.cart-main__summary-block .klarna-close-tooltip {
  cursor: help;
  padding: 10px;
  position: absolute;
  right: 0;
  top: 0px;
  z-index: 1;
}
@media all and (min-width: 1181px) {
  .cart-main__summary-block .money-back-img {
    height: 80px;
    width: 80px;
  }
}

.cart-main__summary-totals .order-shipping__container {
  height: auto;
}
.cart-main__summary-totals .order-totals-table .order-total {
  border-top: none;
}
.cart-main__summary-totals .order-totals-table .order-total td {
  font-weight: 600;
}
.cart-main__summary-totals .order-totals-table td {
  padding: 5px 0;
}
.cart-main__summary-totals .order-promotions {
  display: none;
}
@media all and (min-width: 1181px) {
  .cart-main__summary-totals {
    margin-bottom: 16px;
  }
}

.cart-main__summary-actions {
  margin-top: 15px;
}
.cart-main__summary-actions button {
  margin-bottom: 10px;
  padding: 16px 32px;
  width: 100%;
}
.cart-main__summary-actions .cart-action-checkout {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: none;
  padding-left: 0;
  text-align: center;
  width: 100%;
}
.cart-main__summary-actions .cart-paypal-container {
  margin-left: auto;
  width: 100%;
}
.cart-main__summary-actions .paypal-or {
  display: none;
}
.cart-main__summary-actions .cart-paypal-container .paypal-button {
  margin-bottom: 10px;
}
.cart-main__summary-actions .apple-pay__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cart-main__summary-actions .apple-pay .adyen-checkout__applepay__button {
  margin-bottom: 0;
}

.cart-main__summary-payments {
  background-color: #ffffff;
  padding: 15px;
  pointer-events: none;
}
.cart-main__summary-payments .content-asset ul {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.cart-main__summary-payments .content-asset ul li {
  font-size: initial;
  list-style: none;
}
@supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
  .cart-main__summary-payments .content-asset ul li {
    margin-bottom: 20px;
  }
  .cart-main__summary-payments .content-asset ul li:not(:last-child) {
    margin-right: 20px;
  }
}
.cart-main__summary-payments .content-asset .main-footer__bottom-logos-link,
.cart-main__summary-payments .content-asset a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.cart-main__summary-payments .content-asset .main-footer__bottom-logos-link img,
.cart-main__summary-payments .content-asset .main-footer__bottom-logos-link .main-footer__bottom-logos-image,
.cart-main__summary-payments .content-asset a img,
.cart-main__summary-payments .content-asset a .main-footer__bottom-logos-image {
  height: 17px;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
}
.cart-main__summary-payments .content-asset .main-footer__bottom-logos-link img[src$=".jpg"],
.cart-main__summary-payments .content-asset .main-footer__bottom-logos-link img[src$=".png"],
.cart-main__summary-payments .content-asset a img[src$=".jpg"],
.cart-main__summary-payments .content-asset a img[src$=".png"] {
  mix-blend-mode: multiply;
}
@media all and (min-width: 1181px) {
  .cart-main__summary-payments {
    background-color: #F5F7F6;
  }
}

.cart-row__image-cell {
  grid-area: itemimage;
  padding: 0;
  text-align: left;
  width: 65px;
}
@media all and (min-width: 769px) {
  .cart-row__image-cell {
    padding-right: 20px;
    width: 100px;
  }
}

.cart-row__item-image-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

.cart-row__item-image {
  aspect-ratio: 2/3;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 100%;
  min-height: 98px;
  min-width: 65px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
@media all and (min-width: 769px) {
  .cart-row__item-image {
    height: auto;
    min-height: 120px;
    min-width: 80px;
    -o-object-fit: contain;
       object-fit: contain;
    width: 100%;
  }
}

.sticky-cart-btn {
  display: none;
}
@media screen and (max-width: 768px) {
  .sticky-cart-btn {
    position: fixed;
    bottom: 0;
    z-index: 100;
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    margin-top: 15px;
    left: 0;
    height: 80px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
            box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.25);
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 15px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sticky-cart-btn .cart-action-checkout {
    width: 50%;
  }
  .sticky-cart-btn .cart-action-checkout button {
    width: 100%;
  }
  .sticky-cart-btn .order-total__label,
  .sticky-cart-btn .order-total__value {
    margin: 0;
  }
  .sticky-cart-btn .order-total__value {
    font-weight: 700;
    font-size: 20px;
  }
}

@media screen and (max-width: 768px) {
  .pt__cart-page .product-slider {
    margin-bottom: 85px;
  }
}

#WACContainer.WACContainer .ibm-web-chat--default-styles p:not([class*=bx--]) {
  font-size: 16px !important;
  line-height: 1.5 !important;
}
#WACContainer.WACContainer .WAC__sent {
  font-size: 16px !important;
}
#WACContainer.WACContainer .WACAlternateSuggestionsOptionsPanel__Icon {
  background-color: #9b9b9b !important;
}
#WACContainer.WACContainer button.WAC__button--base.WAC__button--round {
  font-size: 14px !important;
  color: #333133 !important;
}
#WACContainer.WACContainer .WACLauncherComplex__Container .WACLauncherComplex__Text {
  font-size: 14px !important;
}
#WACContainer.WACContainer button.WACAlternateSuggestionsButton__button svg {
  color: #ffffff !important;
}
#WACContainer.WACContainer button.WACLauncher__Button svg {
  width: 26px !important;
}
#WACContainer.WACContainer .WAC__message .WAC__message-vertical-padding {
  font-size: 16px;
}
#WACContainer.WACContainer .WACAlternateSuggestionsOptionsPanel .WAC__button-holder button.WAC__button--base.WAC__button--round,
#WACContainer.WACContainer .WAC__button-holder ul li button.WAC__button--base.WAC__button--round,
#WACContainer.WACContainer #WACContainer.WACContainer .WAC__button-holder ul li button.WAC__button--base.WAC__button--round:disabled {
  text-align: left;
}
#WACContainer.WACContainer .WACConfirmModal button {
  height: 35px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  padding-left: 18% !important;
}
#WACContainer.WACContainer .WACConfirmModal .WACConfirmModal__title {
  padding: 16px 16px 0 !important;
}
#WACContainer.WACContainer .WACHeader__Name {
  font-weight: 600;
  color: #333133;
}
#WACContainer.WACContainer .bx--tag {
  color: #333133 !important;
}
#WACContainer.WACContainer .WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button .WAC__countIndicator {
  top: -5px !important;
  right: -2px !important;
}
#WACContainer.WACContainer .WACLauncher__Button .WAC__countIndicator {
  color: #333133;
  font-size: 12px;
  background-color: #ffffff;
  border: 1px solid #333133;
  border-radius: 50%;
  height: 20px;
  width: 20px;
  position: absolute;
}
#WACContainer.WACContainer .WAC__selectHolder {
  margin-top: 0 !important;
}
#WACContainer.WACContainer .WAC__button-holder {
  margin-top: -11px !important;
}
#WACContainer.WACContainer .WAC__received--metablock {
  padding-bottom: 10px;
}
#WACContainer.WACContainer .WACAgentContainer .WACHeader__CenterContainer {
  -webkit-box-pack: center !important;
  -webkit-justify-content: center !important;
      -ms-flex-pack: center !important;
          justify-content: center !important;
}

body #WACContainer.WACContainer .bx--list-box__menu-item {
  height: auto;
}
body #WACContainer.WACContainer .bx--list-box__menu-item__option {
  height: auto;
  white-space: normal;
}
body #WACContainer.WACContainer #WAC__messages-holder-agent .WAC__sent {
  margin-bottom: 0;
  border: 1px solid #333133;
}
body #WACContainer.WACContainer #WAC__messages-holder-agent .WAC__sent::after {
  border-top: none;
}

#WACContainer,
:root {
  --WatsonAssistantChat-BASE-font-size-large: 16px;
}

.WACLauncher__ButtonContainer.WACLauncher__ButtonContainer--round .WACLauncher__Button {
  color: #ffffff !important;
  background-color: #aad0d7 !important;
}

.chatbot-feedback {
  text-align: center !important;
  border-bottom: 2px solid #333133 !important;
}

.chatbot-feedback-heading {
  font-size: 20px !important;
  font-weight: bold !important;
  border-top: 2px solid #333133 !important;
  padding-top: 20px !important;
}

.thumbs-icon {
  background-image: url("../images/thumbs.svg") !important;
  width: 30px !important;
  height: 30px !important;
  display: inline-block !important;
  background-repeat: no-repeat !important;
  margin: 20px !important;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.thumbs-icon:hover {
  opacity: 0.7 !important;
}

.thumbs-icon--reversed {
  -webkit-transform: rotate(180deg) !important;
          transform: rotate(180deg) !important;
}

.add-to-cart-sticky .WACLauncher__ButtonContainer,
.add-to-cart-sticky .helpButton {
  margin-bottom: 53px !important;
  -webkit-transition: margin-bottom 0.5s ease-in-out;
  transition: margin-bottom 0.5s ease-in-out;
}
@media screen and (max-width: 768px) {
  .pt__cart-page .WACLauncher__ButtonContainer,
  .pt__cart-page .helpButton {
    margin-bottom: 78px !important;
    -webkit-transition: margin-bottom 0.5s ease-in-out;
    transition: margin-bottom 0.5s ease-in-out;
  }
}

#WACContainer.WACContainer #WAC__agent-message-0 .ibm-web-chat--default-styles {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
#WACContainer.WACContainer #WAC__agent-message-0 .WACWidget__MarkdownP {
  color: var(--WatsonAssistantChat-SECONDARY-color-text);
}
#WACContainer.WACContainer #WAC__agent-message-0 .WACWidget__MarkdownP:nth-of-type(even) {
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  border: 1px solid #333133;
  border-radius: var(--WatsonAssistantChat-BASE-border-radius-med) var(--WatsonAssistantChat-BASE-border-radius-med) 0 var(--WatsonAssistantChat-BASE-border-radius-med);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 8px 12px;
}
#WACContainer.WACContainer #WAC__agent-message-0 .WACWidget__MarkdownP:nth-of-type(odd) {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateX(-24px);
          transform: translateX(-24px);
}
#WACContainer.WACContainer #WAC__agent-message-0 .WACWidget__MarkdownP:nth-of-type(odd)::before {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border: var(--WatsonAssistantChat-BASE-border-radius-xsmall) solid;
  border-radius: 50%;
  content: "A";
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  font-weight: 700;
  height: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-transform: translateX(-8px);
          transform: translateX(-8px);
  width: 20px;
}
#WACContainer.WACContainer #WAC__agent-message-0 .WACWidget__MarkdownP.initial:nth-of-type(odd)::before {
  content: attr(data-content);
}
#WACContainer.WACContainer #WAC__agent-message-0 .WACWidget__MarkdownP:first-of-type {
  -webkit-transform: translateX(0);
          transform: translateX(0);
}
#WACContainer.WACContainer #WAC__agent-message-0 .WACWidget__MarkdownP:first-of-type::before {
  display: none;
}

.ship-to-multiple {
  margin: 0.5rem 0 1rem;
}
.ship-to-multiple button {
  margin: 0 0 0 10px;
  padding: 10px;
}

.pt_checkout .select-address .form-row-button {
  display: none;
}

.shipping-notice {
  border: 2px solid #333133;
  padding: 20px 25px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: relative;
  margin-bottom: 25px;
}
.shipping-notice * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.shipping-notice h3 {
  display: block;
  font-size: 26px;
  padding-bottom: 12px;
  border-bottom: 1px solid #333133;
  margin: 0 0 15px;
}
.shipping-notice .close-toggle {
  background: #ffffff;
  position: absolute;
  right: 0;
  top: 5px;
  border: 5px;
}

.shipment-disclaimer-wrapper {
  position: relative;
}
.shipment-disclaimer-active .shipment-disclaimer-wrapper {
  display: inline-block;
  margin-left: 5px;
  width: 70%;
}
.shipment-disclaimer-wrapper .info-icon {
  cursor: pointer;
  display: none;
  position: absolute;
  top: -15px;
  left: 0;
  width: 20px;
  height: 20px;
  background-color: #9297a3;
  color: #ffffff;
  border-radius: 50%;
}
.shipment-disclaimer-wrapper .info-icon:after {
  content: "i";
  text-align: center;
  line-height: 20px;
  position: absolute;
  left: 50%;
  -webkit-transform: translate(-50%);
          transform: translate(-50%);
}
@media screen and (min-width: 768px) {
  .shipment-disclaimer-wrapper .info-icon:hover + .shipment-disclaimer {
    opacity: 1;
  }
}
.shipment-disclaimer-active .shipment-disclaimer-wrapper .info-icon {
  display: inline-block;
}

.shipment-disclaimer {
  opacity: 0;
  position: absolute;
  border: 1px solid #333133;
  border-radius: 4px;
  width: 100%;
  background-color: #f8f8f8;
  -webkit-box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
          box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
  padding: 15px;
  top: 10px;
  left: 10px;
  -webkit-transition: 0.2s ease;
  transition: 0.2s ease;
  z-index: 1;
  pointer-events: none;
}
@media screen and (max-width: 768px) {
  .disclaimer-shown .shipment-disclaimer {
    opacity: 1;
  }
}

.shipment-disclaimer-active .form-row__label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.shipment-disclaimer-active > label {
  display: inline-block;
}

.paypal-country-mismatch {
  position: relative;
  padding: 10px 30px;
  margin-bottom: 30px;
  border: 3px solid;
  color: #990000;
}
.paypal-country-mismatch h3 {
  padding-bottom: 15px;
  font-size: 26px;
  border-bottom: 1px solid;
}
.paypal-country-mismatch .close-toggle {
  position: absolute;
  background: transparent;
  top: 5px;
  right: 5px;
  border: none;
}
.paypal-country-mismatch .close-toggle i:before {
  color: #990000;
}

.faq-shipping-popup {
  max-height: calc(100% - 60px) !important;
  max-width: calc(100vw - 60px) !important;
  overflow: auto;
  top: 30px;
}
@media screen and (min-width: 768px) {
  .faq-shipping-popup {
    max-height: calc(100vh - 120px) !important;
    max-width: calc(100vw - 120px) !important;
  }
}
.faq-shipping-popup .content-single-column {
  margin: 25px auto;
  padding: 0 0;
}
@media screen and (min-width: 1180px) {
  .faq-shipping-popup .content-single-column {
    margin: 25px auto;
    padding: 0 0;
  }
}
.faq-shipping-popup .content-single-column table {
  width: auto;
}

.create-account-shipping {
  padding: 30px;
  background-color: #F6F7F6;
}
.create-account-shipping h3 {
  text-transform: uppercase;
  font-size: 18px;
}

.gift-wrap {
  margin: 0 auto;
  max-width: 860px;
}
@media screen and (max-width: 768px) {
  .gift-wrap {
    padding: 0 20px;
  }
}
.gift-wrap .gift-certificate-check-balance .giftcert-form-wrapper {
  background-color: #f7edeb;
  margin-bottom: 40px;
  padding: 25px 25px 5px;
}
.gift-wrap .gift-certificate-check-balance .title {
  font-size: 16px;
  font-weight: 600;
}
.gift-wrap .gift-certificate-check-balance .text {
  font-size: 14px;
}
.gift-wrap .gift-certificate-check-balance .check-balance {
  background-color: #f7edeb;
  border-bottom: 0;
  float: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.gift-wrap .gift-certificate-check-balance .gift-cert-balance {
  width: 100%;
  margin-bottom: 0;
}
.gift-wrap .gift-certificate-check-balance .gift-cert-balance label {
  display: none;
}
.gift-wrap .gift-certificate-check-balance .gift-cert-balance input {
  margin-top: 0;
  width: 100%;
}
.gift-wrap .gift-certificate-check-balance .gift-cert-balance .form-caption {
  margin-left: 0;
}
.gift-wrap .gift-certificate-check-balance .gift-cert-balance-submit {
  margin-top: 10px;
}
@media screen and (max-width: 767px) {
  .gift-wrap .gift-certificate-check-balance .gift-cert-balance-submit button {
    width: 100%;
  }
}
.gift-wrap .content-asset {
  padding: 0;
  width: 100%;
}
.gift-wrap .gift-certificate-check-balance--wrap {
  margin: 0;
  padding: 0;
}
.gift-wrap .gift-certificate-check-balance--wrap .balance-success-table tr:first-child {
  font-weight: bold;
}
.gift-wrap .gift-certificate-check-balance--wrap .balance-success-table td {
  padding: 3px;
}
@media screen and (min-width: 768px) {
  .gift-wrap .gift-certificate-check-balance--wrap .balance-success-table {
    max-width: 50%;
    width: 100%;
  }
}
.gift-wrap .gift-certificate-check-balance--wrap .success {
  display: none;
}
.gift-wrap .gift-certificate-check-balance--wrap .error {
  color: #E75025;
  margin: 0;
}

.gift-accordions .product-info-accordeon {
  max-width: 100%;
  margin: 40px auto;
}
.gift-accordions .accordeon-body {
  margin-bottom: 40px;
}
.gift-accordions .accordeon-body p {
  font-size: 14px;
}
.gift-accordions .accordions-images {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: 25px;
}
@media screen and (max-width: 767px) {
  .gift-accordions .accordions-images {
    display: block;
  }
}
.gift-accordions .accordions-images .image-box-wrap {
  width: 30%;
}
@media screen and (max-width: 767px) {
  .gift-accordions .accordions-images .image-box-wrap {
    margin: 20px 0;
    width: 100%;
  }
}
.gift-accordions .accordions-images .image-box-wrap .image-caption {
  display: block;
  line-height: 17px;
  padding-right: 20px;
  padding-top: 10px;
}
.gift-accordions .accordions-images .image-box {
  border: 2px solid #000000;
  text-align: center;
}
.gift-accordions .accordions-images .image-box img {
  max-width: 40px;
  padding: 30px 0;
  margin: 0;
}

.gift-details-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 767px) {
  .gift-details-wrap {
    display: block;
  }
}
.gift-details-wrap .gift-details-image {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding-right: 30px;
  width: 45%;
}
.gift-details-wrap .gift-details-image img {
  width: 100%;
}
@media screen and (max-width: 767px) {
  .gift-details-wrap .gift-details-image {
    padding-right: 0;
    width: 100%;
  }
}
.gift-details-wrap .gift-details {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 480px;
      -ms-flex: 1 1 480px;
          flex: 1 1 480px;
  margin: 0 auto;
  max-width: 535px;
  margin-top: 0;
  min-height: 480px;
  padding: 0;
  width: 100%;
}
.gift-details-wrap .gift-title {
  font-size: 25px;
  font-weight: 600;
  margin: 18px 0 20px;
  text-transform: uppercase;
}
.gift-details-wrap .gift-desc {
  font-size: 16px;
  line-height: 1.8;
}
.gift-details-wrap .delivery-details {
  margin: 20px 0 0;
  padding: 0;
}
.gift-details-wrap .delivery-details li {
  color: #767575;
  font-size: 16px;
  list-style-type: none;
  padding-left: 20px;
  position: relative;
}
.gift-details-wrap .delivery-details li::before {
  content: "+";
  position: absolute;
  left: 5px;
  top: 0;
}
.gift-details-wrap .input-text {
  padding-left: 30px;
}
.gift-details-wrap .gift-currency {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 18px;
}

.gift-card-accordions .content-asset {
  float: none;
  width: 100%;
}
.gift-card-accordions .accordions-images {
  width: 100%;
}

.gift-certificate-purchase-form .gift-certificate-purchase {
  background-color: #f5f3f3;
  margin-bottom: 1em;
  padding: 0.83em;
  background-color: #ffffff;
}
@media (min-width: 768px) {
  .gift-certificate-purchase-form .content-asset {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    float: left;
    padding-right: 1rem;
    width: 50%;
  }
}
.gift-certificate-purchase-form .content-asset img {
  margin: 1.66em 0;
}
.gift-certificate-purchase-form form {
  background-color: transparent;
  padding: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media (min-width: 768px) {
  .gift-certificate-purchase-form form {
    width: 50%;
    max-width: 300px;
  }
}
.gift-certificate-purchase-form form button {
  background-color: #30397a;
  border-color: #30397a;
  font-size: 16px;
  letter-spacing: 1px;
  max-width: 100%;
  padding: 12px 23px;
  width: 100%;
}
.gift-certificate-purchase-form form button:hover {
  background-color: #323132;
  color: #ffffff;
}
.gift-certificate-purchase-form form .cert-amount {
  margin: 0;
  padding-bottom: 10px;
  width: 100%;
}
.gift-certificate-purchase-form form .cert-amount.error {
  padding-bottom: 10px;
}
.gift-certificate-purchase-form form .cert-amount .error {
  padding-bottom: 0;
  text-align: left;
}
.gift-certificate-purchase-form form .cert-amount .form-caption {
  margin: 0 0 10px;
  position: relative;
  width: 100%;
}
.gift-certificate-purchase-form form .form-row-button {
  margin: 0;
  width: 100%;
}

.giftcard-added-popup {
  display: none;
}
.giftcard-added-popup .popup-content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 100%;
  min-height: auto;
}

.gift-popup__title {
  margin-bottom: 30px;
  margin-top: 0;
  text-transform: uppercase;
}

.gift-popup-info-wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.gift-popup-info-wrap img {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  margin-right: 15px;
  max-width: 120px;
  width: 100%;
}
@media screen and (max-width: 767px) {
  .gift-popup-info-wrap img {
    display: block;
    margin: 0 auto;
    max-width: 200px;
  }
}
.gift-popup-info-wrap .product-count {
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
  margin-top: 0;
  -webkit-box-ordinal-group: unset;
  -webkit-order: unset;
      -ms-flex-order: unset;
          order: unset;
}
.gift-popup-info-wrap .product-amount {
  margin-bottom: 10px;
}
.gift-popup-info-wrap .product-title {
  font-size: 20px;
  margin-bottom: 10px;
}
.gift-popup-info-wrap .value {
  font-size: 26px;
  margin-top: 20px;
}
.gift-popup-info-wrap .product-added-details {
  padding-right: 20px;
}
@media screen and (max-width: 767px) {
  .gift-popup-info-wrap {
    display: block;
    width: 100%;
  }
  .gift-popup-info-wrap .product-added-details {
    display: block;
  }
  .gift-popup-info-wrap span.product-count,
  .gift-popup-info-wrap span.product-title,
  .gift-popup-info-wrap span.product-amount,
  .gift-popup-info-wrap span.value {
    display: block;
    font-size: 15px;
    text-align: center;
    width: 100%;
  }
  .gift-popup-info-wrap span.value {
    font-size: 22px;
  }
}

.giftcard-summary img {
  width: 85px;
  margin-top: 5px;
}

.js .loader {
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 1001;
}
.js .loader-bg {
  background: rgba(50, 49, 50, 0.26);
  height: 100%;
  position: absolute;
  width: 100%;
}
.js .loader-indicator {
  background-color: rgba(51, 49, 51, 0.75);
  background-image: url("../images/loading-small.gif"), url("../images/logo-paulaschoice-stacked.svg");
  background-position: center 75px, center center;
  background-repeat: no-repeat;
  background-size: auto, 80px;
  border-radius: 60px;
  bottom: 0;
  height: 118px;
  left: 0;
  margin: auto;
  position: absolute;
  right: 0;
  top: 0;
  width: 118px;
  z-index: 1000;
}

.search-toggle {
  color: #333133;
  font-size: 17px;
  display: block;
  margin: 0;
  padding: 0;
  height: 60px;
  width: 60px;
  overflow: visible;
  -webkit-transition: none;
  transition: none;
  background: transparent;
  position: relative;
  z-index: 231;
}
@media all and (min-width: 1181px) {
  .search-active .search-toggle {
    background-color: #ffffff;
    top: 9px;
  }
}
.search-toggle .close-search {
  display: none;
  position: absolute;
  left: 47px;
  bottom: 0;
  height: 100%;
  min-width: 70px;
  text-align: right;
  padding-right: 10px;
  line-height: 0;
  vertical-align: bottom;
  background-color: #ffffff;
  z-index: 90;
  white-space: nowrap;
  font-size: 15px;
  font-weight: 600;
  font-family: "proxima-nova", Arial, sans-serif;
}
@media all and (min-width: 1501px) {
  .search-toggle .close-search {
    font-size: 18px;
  }
}

.header-search {
  color: #333133;
  position: absolute;
  top: 68px;
  left: 0;
  right: 0;
  border-top: none;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  pointer-events: none;
  opacity: 0;
  overflow: hidden;
}
@media all and (min-width: 1181px) {
  .header-search {
    top: 84px;
  }
}
.main-menu.active + .header-search {
  height: 0;
}
.header-search.show-suggest {
  overflow: auto;
  height: calc(100vh - 136px);
  -webkit-box-shadow: 0 100px 0 100px #ffffff;
          box-shadow: 0 100px 0 100px #ffffff;
}
.header-search.show-suggest .overlay {
  display: none;
}
@media all and (min-width: 1181px) {
  .header-search.show-suggest .overlay {
    display: block;
  }
}
@media all and (min-width: 1181px) {
  .header-search.show-suggest {
    -webkit-box-shadow: none;
            box-shadow: none;
    height: calc(100vh - 144px);
  }
}

.header-search__container {
  display: none;
  background-color: #ffffff;
  padding: 0 20px 20px;
  position: relative;
  width: 100%;
  z-index: 231;
}
.show-suggest .header-search__container {
  display: block;
}
.header-search__container .search-suggestions {
  margin: 0 auto;
  max-width: 778px;
}

.header-search__form-content {
  border-radius: 13px;
  border: 2px solid #333133;
  margin: auto;
  max-width: 778px;
  padding: 0 15px;
  width: 100%;
  position: relative;
}
@media all and (min-width: 1181px) {
  .header-search__form-content {
    padding: 0 23px;
  }
}

.header-search__form {
  background-color: #ffffff;
  padding: 7px 20px 20px;
  position: relative;
  z-index: 231;
}
.show-suggest .header-search__form {
  padding-bottom: 12px;
}
@media all and (min-width: 1181px) {
  .header-search__form {
    padding: 20px 0;
  }
}

.header-search .header-search__input {
  background-color: transparent;
  border: none;
  color: #8F8F8F;
  float: left;
  font-size: 14px;
  font-weight: 600;
  height: 46px;
  letter-spacing: 0.0032px;
  line-height: 46px;
  margin: 0 auto;
  outline: none;
  padding-left: 0;
  padding-right: 32px;
  vertical-align: bottom;
  width: 100%;
}
@media all and (min-width: 1181px) {
  .header-search .header-search__input {
    font-size: 16px;
    height: 54px;
    width: 740px;
  }
}

.header-search__button {
  background-color: transparent;
  border: none;
  bottom: 0;
  color: #333133;
  font-size: 19px;
  height: 46px;
  padding: 12px;
  position: absolute;
  right: 2px;
  width: 46px;
}
@media all and (min-width: 1181px) {
  .header-search__button {
    font-size: 21px;
    height: 52px;
    right: -5px;
    width: 60px;
  }
}

.search-toggle_icon-close.icon {
  display: none;
}

.search-active .search-toggle .search-toggle_icon-close {
  display: block;
}
.search-active .search-toggle .search-toggle_icon-search.icon {
  display: none;
}
@media all and (min-width: 1181px) {
  .search-active .search-toggle .close-search {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.search-active .header-search {
  pointer-events: auto;
  opacity: 1;
}

.search-suggestions {
  -webkit-transition: 0.3s ease-out;
  transition: 0.3s ease-out;
  opacity: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.show-suggest .search-suggestions {
  opacity: 1;
  -webkit-transform: translateY(0%);
          transform: translateY(0%);
}

.search-suggestions__phrase {
  text-transform: none;
  letter-spacing: normal;
  font-size: 16px;
  margin: 0 0 14px;
}
.search-suggestions__phrase .original {
  font-weight: bold;
  text-decoration: underline;
}
@media all and (min-width: 1181px) {
  .search-suggestions__phrase {
    font-size: 20px;
  }
}

.search-suggestions__ingredient {
  border-radius: 6px;
  border: 2px solid #333133;
  color: #333133;
  font-size: 16px;
  font-weight: 500;
  line-height: 1;
  padding: 7px 14px;
  text-decoration: none;
  text-transform: uppercase;
  display: inline-block;
  margin-right: 16px;
}
@media all and (min-width: 1181px) {
  .search-suggestions__ingredient {
    border-radius: 12px;
    padding: 10px 14px;
  }
}

.search-suggestions__content {
  padding: 6px 0 50px;
}
.search-suggestions__content:after {
  content: "";
  display: table;
  clear: both;
}
@media all and (min-width: 1181px) {
  .search-suggestions__content {
    padding: 16px 0 0;
  }
}

@media all and (min-width: 1181px) {
  .search-suggestions__item {
    float: right;
    width: 38%;
  }
}

@media all and (min-width: 1181px) {
  .search-suggestions__item--products {
    float: left;
    width: 50%;
  }
}

.search-suggestions__products-list {
  list-style: none;
  padding: 0;
}

.search-suggestions__products-item {
  border-bottom: 2px solid #979797;
  margin-bottom: 10px;
  padding-bottom: 10px;
}
.search-suggestions__products-item:last-of-type {
  border: 0;
  margin-bottom: 0;
}

.search-suggestions__heading {
  background-color: #fbf7f2;
  font-size: 20px;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
  padding: 6px 8px;
  text-transform: none;
}
@media all and (min-width: 1181px) {
  .search-suggestions__heading {
    padding: 8px;
  }
}

.search-suggestions__link {
  color: #333133;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  margin: 13px 8px;
  text-decoration: none;
}
@media all and (min-width: 1181px) {
  .search-suggestions__link {
    margin: 13px 10px 20px;
  }
  .search-suggestions__link:hover {
    text-decoration: underline;
  }
}

.search-suggestions__product {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}

.search-suggestions__product-image {
  margin-right: 20px;
  width: 70px;
}

.search-suggestions__product-content {
  width: calc(100% - 90px);
}
.search-suggestions__product-content .value {
  font-size: 13px;
}
.search-suggestions__product-content .product-pricing {
  margin-top: 5px;
}
.search-suggestions__product-content .product-standard-price {
  color: #959498;
  font-size: 13px;
}

.search-suggestions__product-name {
  color: #333133;
  display: block;
  font-size: 16px;
  line-height: 1.2;
  margin: 13px 0 6px;
  text-decoration: none;
}

.search-suggestions__view-all-btn {
  color: #333133;
  font-size: 16px;
  font-weight: 600;
  margin: 20px 0;
  padding-left: 8px;
  text-align: left;
  text-transform: uppercase;
}
@media all and (min-width: 1181px) {
  .search-suggestions__view-all-btn {
    margin: 15px 0;
    text-decoration: underline;
  }
  .search-suggestions__view-all-btn:hover {
    text-decoration: none;
  }
}

.lister-top-info {
  max-width: 1500px;
  padding: 0 18px 18px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 auto;
}
.lister-top-info * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.lister-top-info .scroll-down {
  background: #000000;
  color: #ffffff;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  display: block;
  position: fixed;
  bottom: 20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  .lister-top-info .scroll-down {
    display: none;
  }
}
.lister-top-info .scroll-down:before {
  content: "\e910";
  display: block;
  width: 30px;
  height: 30px;
  color: #ffffff;
  font-family: "icomoon";
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 30px;
}

.lister-top-info-header {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
  text-align: center;
}
.lister-top-info-header h1 {
  margin-top: 10px;
  margin-bottom: 10px;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .lister-top-info-header h1 {
    letter-spacing: 0;
  }
}

@media screen and (min-width: 768px) {
  .best-routine {
    max-width: 1500px;
    margin: 0 auto;
  }
}
.best-routine * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.best-routine > div {
  -webkit-transition: margin 0.3s;
  transition: margin 0.3s;
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.best-routine > div h2 {
  width: calc(100vw - 36px);
  padding-bottom: 10px;
  margin: 15px 0;
  border-bottom: 1px solid #333133;
}
@media screen and (min-width: 768px) {
  .best-routine > div h2 {
    width: 100%;
  }
}
@media screen and (min-width: 768px) {
  .best-routine > div:first-child:last-child h2 {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .best-routine > div:first-child:last-child .grid-tile + .grid-tile {
    margin-left: 36px;
  }
}
@media screen and (min-width: 1500px) {
  .best-routine > div:first-child:last-child .grid-tile + .grid-tile {
    margin-left: 60px;
  }
}
@media screen and (min-width: 768px) {
  .best-routine > div:first-child:last-child .grid-tile {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(25% - 27px);
        -ms-flex: 1 0 calc(25% - 27px);
            flex: 1 0 calc(25% - 27px);
    width: calc(25% - 27px);
  }
}
@media screen and (min-width: 1500px) {
  .best-routine > div:first-child:last-child .grid-tile {
    width: calc(25% - 60px);
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 calc(25% - 60px);
        -ms-flex: 1 0 calc(25% - 60px);
            flex: 1 0 calc(25% - 60px);
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .best-routine > div:first-child:last-child .grid-tile {
    height: 550px;
  }
}
.best-routine .grid-tile {
  margin-bottom: 15px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .best-routine .grid-tile {
    margin-bottom: 50px;
    margin-top: auto;
  }
}
.best-routine .routine-tiles .product-slider {
  height: 100%;
  width: 100%;
}
.best-routine .routine-tiles .grid-tile {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.best-routine .routine-tiles h2 {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .best-routine .routine-tiles h2 {
    margin-right: 18px;
  }
}
.best-routine .routine-tiles .product-tile {
  border-top: 1px solid #9297a3;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 90%;
      -ms-flex: 0 1 90%;
          flex: 0 1 90%;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .best-routine .routine-tiles .product-tile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 100%;
        -ms-flex: 0 1 100%;
            flex: 0 1 100%;
  }
}
.best-routine .routine-tiles .product-image {
  margin-bottom: 10px;
  max-height: 340px;
}
@media screen and (min-width: 768px) {
  .best-routine .routine-tiles .product-image {
    max-height: 100%;
  }
}
.best-routine .routine-tiles .name-link {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 19px;
  -webkit-line-clamp: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.best-routine .routine-tiles .product-long-description {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
.best-routine .routine-tiles .product-long-description p {
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.best-routine .routine-tiles .product-footer {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: auto;
}
.best-routine .routine-tiles .product-addtocart {
  height: 40px;
}
.best-routine .routine-tiles .add-to-cart-link {
  display: block;
}
.best-routine .highlighted-tile {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  width: 100%;
}
@media all and (min-width: 768px) {
  .best-routine .highlighted-tile {
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    -webkit-flex-basis: calc(25% - 36px);
        -ms-flex-preferred-size: calc(25% - 36px);
            flex-basis: calc(25% - 36px);
    width: calc(25% - 36px);
    margin-left: 18px;
    margin-right: 18px;
  }
}
@media screen and (min-width: 768px) {
  .best-routine .highlighted-tile h2 {
    margin-left: 18px;
  }
}
@media screen and (min-width: 768px) {
  .best-routine .highlighted-tile .grid-tile {
    margin: 0 18px 50px 0;
  }
}
@media screen and (min-width: 1180px) {
  .best-routine .highlighted-tile .grid-tile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
  }
}
@media screen and (min-width: 1500px) {
  .best-routine .highlighted-tile .grid-tile {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    width: 100%;
    margin: 0 0 50px;
  }
}
.best-routine .routine-step {
  color: #9297a3;
  padding-bottom: 5px;
  text-transform: uppercase;
}

.pdp-main .product-add-to-cart .online-stock span {
  float: left;
}
.pdp-main .product-add-to-cart .store-stock {
  display: block;
  clear: left;
}

.availability-web {
  padding-bottom: 1rem;
}
.availability-web label {
  float: none;
}
.availability-web p {
  margin: 0;
}
.availability-web .availability-novariation {
  color: #999999;
  font-style: italic;
}

.availability-storepickup .availability-instore,
.availability-storepickup .availability-web {
  background-color: #e0e0e0;
  padding: 1rem;
}
.availability-storepickup .availability-web {
  float: none;
}
.availability-storepickup .availability-instore {
  margin-bottom: 1rem;
}

.user-zip {
  display: block;
  margin: 1rem auto 0;
}

.store-list-container {
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  width: 565px;
}

.store-list {
  list-style: none outside none;
  margin: 0;
  padding: 0;
}

.store-tile {
  border: 1px dashed #cccccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  list-style: none outside none;
  margin: 0.3rem 0.4rem;
  padding: 0.8rem;
  text-align: center;
  width: 175px;
}
.store-tile.selected {
  background-color: rgba(132, 189, 0, 0.5);
}
.store-tile .store-status {
  display: block;
  font-size: 0.9em;
  margin: 1rem 0;
}

.store-list-pdp-container {
  margin-top: 1em;
}
.store-list-pdp-container .store-list-pdp {
  margin-top: 0.5em;
}
.store-list-pdp-container .store-list-item {
  display: none;
  padding: 0.5em 0.8em;
}
.store-list-pdp-container .store-list-item:after {
  content: "";
  display: table;
  clear: both;
}
.store-list-pdp-container .store-list-item:last-of-type {
  border: none;
}
.store-list-pdp-container .store-list-item.selected {
  display: block;
  font-weight: bold;
}
.store-list-pdp-container .store-list-item.visible {
  display: block;
}
.store-list-pdp-container .store-list-item .store-address {
  float: left;
}
.store-list-pdp-container .store-list-item .store-status {
  float: right;
}

.selected-store-address {
  margin-top: 0.5em;
}

.selected-store-availability {
  margin: 0.3em 0 0.5em;
}

.multishipaddressestable {
  margin: 9px 0 20px 0;
  width: 706px;
}

.multi-ship-shipments-table {
  margin: 0 0 20px;
  width: 706px;
}
.multi-ship-shipments-table .section-header {
  font-size: 10px;
  font-weight: bold;
  padding: 9px 6px 11px;
}
.multi-ship-shipments-table .shipping-address .details {
  padding: 0 10px 0 22px;
}
.multi-ship-shipments-table .gift-options label {
  float: left;
  padding: 0;
}
.multi-ship-shipments-table .gift-options input {
  margin: 0 10px;
}

.multi-shipping-addresses {
  margin-bottom: 20px !important;
  margin-left: 0;
  margin-right: 0;
  margin-top: 0;
}
.multi-shipping-addresses .shipping-address {
  text-align: right;
}
.multi-shipping-addresses .shipping-address select {
  margin: 4px 0 0;
  width: 260px;
}

.header-product-shipping {
  width: 276px;
}

.header-qty-shipping {
  width: 45px;
}

.header-location-shipping {
  text-indent: 70px;
  width: 307px;
}

.header-shipment-index {
  width: 409px;
}

.header-shipment-qty {
  width: 27px;
}

.header-shipment-details {
  text-indent: 22px;
}

.multi-shipping-methods {
  position: absolute;
  top: 30px;
}
.multi-shipping-methods .form-row {
  clear: none;
  float: left;
  display: none;
}
.multi-shipping-methods select {
  width: 250px;
  margin: -5px 0 0 15px;
}

.multi-shipping-option {
  border-bottom: 2px dotted #999999;
  left: 0;
  padding: 0 0 12px;
  position: absolute;
  text-indent: 10px;
  top: 48px;
  width: 95%;
}

.multi-shipping-addresses .shipping-qty,
.multi-ship-shipments-table .shipping-qty {
  background: none repeat scroll 0 0 #f5f3f3;
}

.multiship .label {
  font-weight: bold;
}

.hide {
  display: none;
}

.loading {
  background: url("../images/loading-progress-98x22.gif") no-repeat scroll left center transparent;
}

.instore-shipping-option {
  width: 100%;
}

.pt_checkout .instore-shipment-header {
  width: 100%;
}
.pt_checkout .instore-shipment-method {
  width: 100%;
  padding: 1em;
}
.pt_checkout .instore-shipment-method span {
  font-weight: bold;
}
.pt_checkout .instore-shipment-address {
  width: 40%;
  float: left;
  padding-left: 1em;
}
.pt_checkout .instore-shipment-message {
  clear: both;
}
.pt_checkout .instore-shipment-messagetxt {
  width: 50%;
  float: right;
}

.checkout-shipping fieldset .instore-continue-button {
  margin-left: 61.5%;
}
.checkout-shipping fieldset button {
  margin-top: 40px;
}

.cookie-bar {
  display: none;
  position: fixed;
  bottom: 0;
  left: 0;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #333133;
  color: #ffffff;
  min-height: 60px;
  opacity: 1;
  padding: 20px;
  text-align: left;
  -webkit-transition: opacity 0.3s, padding 0.3s;
  transition: opacity 0.3s, padding 0.3s;
  z-index: 100001;
  height: 100vh;
  width: 100vw;
  background-color: rgba(0, 0, 0, 0.7);
}
.cookie-bar.show {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cookie-bar.consent {
  opacity: 0;
  pointer-events: none;
}
.cookie-bar .cookie-bar-content {
  width: 100%;
  max-width: 600px;
  margin: auto;
  background: #333133;
  padding: 20px;
}
.cookie-bar .cookie-bar-content > a {
  color: #ffffff;
}
.cookie-bar .button-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  gap: 10px;
  margin-top: 20px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .cookie-bar .button-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.cookie-bar .button-container button,
.cookie-bar .button-container .customise {
  border: 2px solid #f7edeb;
  font-size: 15px;
  font-weight: 600;
  line-height: 10px;
  margin: 0;
  padding: 13px 20px;
  text-transform: uppercase;
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .cookie-bar .button-container button,
  .cookie-bar .button-container .customise {
    margin-bottom: 10px;
    width: 100%;
  }
}
.cookie-bar .button-container .cookie-reject {
  font-size: 14px;
  line-height: normal;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  text-transform: none;
  white-space: normal;
  border: 0;
  color: #ffffff;
  margin-left: 15px;
}
.cookie-bar .button-container .cookie-reject:hover {
  background: none;
  color: #ffffff;
}
.cookie-bar .button-container .simple {
  background-color: #f7edeb;
}
.cookie-bar .button-container .simple:hover {
  background-color: #333133;
  color: #f7edeb;
}
.cookie-bar .button-container.has-three-buttons .cookie-reject {
  border: 2px solid #f7edeb;
  font-size: 15px;
  font-weight: 600;
  line-height: 10px;
  margin: 0;
  padding: 13px 25px;
  text-transform: uppercase;
  white-space: nowrap;
  background-color: #f7edeb;
  color: #333133;
  text-decoration: none;
}
.cookie-bar .button-container.has-three-buttons .cookie-reject:hover {
  background-color: #333133;
  color: #f7edeb;
}
@media screen and (max-width: 768px) {
  .cookie-bar .button-container.has-three-buttons button {
    margin-bottom: 0;
  }
}

div[id^=popup-subcription] p:last-of-type {
  padding-bottom: 12px;
}

.primary-content dl {
  clear: both;
  overflow: hidden;
}
.primary-content dl dt {
  clear: both;
  float: left;
  margin: 2% 0 0;
  min-width: 15%;
}
.primary-content dl dd {
  float: left;
  margin: 2% 0 0;
  padding: 0 0 0 5%;
}

.col-1 {
  float: left;
  margin: 4px 0;
  width: 48%;
}

.col-2 {
  float: right;
  margin: 4px 0;
  width: 48%;
}

.section-header-note {
  font-size: 0.9em;
  font-weight: 400;
  text-transform: none;
}

.back {
  display: block;
  margin: 0 0 10px;
}

.overlays {
  display: none;
}

.header-search .overlay, .main-nav .overlay {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 172px;
  left: 0;
  bottom: 0;
  opacity: 0;
  z-index: -30;
  pointer-events: none;
  background: rgba(50, 49, 50, 0.26);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.scrolled .header-search .overlay, .scrolled .main-nav .overlay {
  top: 110px;
}
.search-active .main-nav .overlay, .header--menu-open .header-search .overlay {
  display: none;
}
.search-active .overlay {
  background-color: rgba(51, 49, 51, 0.3);
  opacity: 1;
  pointer-events: auto;
  top: 106px;
  z-index: 230;
}
@media all and (min-width: 1181px) {
  .search-active .overlay {
    top: 0;
  }
}
.header--submenu-open .overlay, .header--menu-open .overlay, .added-popup-visible .overlay {
  opacity: 1;
  pointer-events: auto;
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  left: 0;
  bottom: 0;
  background: rgba(50, 49, 50, 0.26);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.header--submenu-open .overlay, .added-popup-visible .overlay {
  top: 0;
}

.scrolling-blocks-nav {
  position: fixed;
  right: 20px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 140;
  display: none;
}
@media screen and (min-width: 1180px) {
  .scrolling-blocks-nav {
    display: block;
  }
}
.scrolling-blocks-nav li {
  list-style: none;
  line-height: normal;
}
.scrolling-blocks-nav li button {
  width: 10px;
  height: 10px;
  padding: 0;
  margin: 0;
  border-radius: 50%;
  background-color: #333133;
  -webkit-transition: background 0.4s;
  transition: background 0.4s;
}
.scrolling-blocks-nav li.active button {
  background-color: #ffffff;
  border: 1px solid #333133;
}

.video-button {
  display: block;
  position: relative;
}
.video-button:not(.hide-icon):after {
  content: "\e91b";
  position: absolute;
  width: 75px;
  height: 75px;
  color: #ffffff;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  font-size: 75px;
}
@media screen and (min-width: 1180px) {
  .video-button:not(.hide-icon):after {
    font-size: 150px;
    width: 150px;
    height: 150px;
  }
}
.video-button:hover {
  text-decoration: none;
}
.video-button:hover:after {
  color: #ff0000;
}

.video-dialog {
  background-color: transparent;
  padding: 0;
  overflow: visible;
}
.video-dialog .ui-dialog-titlebar {
  top: -50px;
}
.video-dialog .ui-dialog-titlebar-close {
  right: -10px;
  top: 0;
}
.video-dialog .ui-dialog-titlebar-close:before {
  color: #ffffff;
}
.video-dialog iframe {
  width: 80vw !important;
  height: 70vh !important;
}

.ui-effects-transfer {
  border: 2px dotted gray;
}

.cloudinary-video-dialog {
  background-color: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
  padding: 0;
}
.cloudinary-video-dialog .ui-dialog-titlebar {
  background-color: transparent;
}
.cloudinary-video-dialog .ui-button {
  top: 0;
  right: -45px;
}

.usp-bar-wrapper {
  background-color: #333133;
}

.usp-bar {
  background-color: #333133;
  height: 38px;
  margin-left: auto;
  list-style: none;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 210;
}

.usp-bar-wrap {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%;
  z-index: 1;
}
@media screen and (max-width: 1180px) {
  .js-mobile-slider .usp-bar-wrap {
    width: 300%;
    left: -200%;
    -webkit-animation: uspbar 21s cubic-bezier(0, 1, 0, 1) infinite;
            animation: uspbar 21s cubic-bezier(0, 1, 0, 1) infinite;
  }
}

.usp-bar-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: center;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%;
}
@media screen and (max-width: 1180px) {
  .js-mobile-slider .usp-bar-item {
    width: 33.33%;
  }
}
@media screen and (min-width: 1180px) {
  .usp-bar-item + .usp-bar-item {
    border-left: 1px solid #ffffff;
  }
}
@media screen and (min-width: 1180px) {
  .usp-bar-item:nth-last-child(n+2), .usp-bar-item:nth-last-child(n+2) ~ .usp-bar-item {
    width: calc(50% - 1px);
  }
}
@media screen and (min-width: 1180px) {
  .usp-bar-item:nth-last-child(n+3), .usp-bar-item:nth-last-child(n+3) ~ .usp-bar-item {
    width: calc(33.33% - 1px);
  }
}
@media screen and (min-width: 1180px) {
  .usp-bar-item:nth-last-child(n+4), .usp-bar-item:nth-last-child(n+4) ~ .usp-bar-item {
    width: calc(25% - 1px);
  }
}
.usp-bar-item a {
  color: #ffffff;
  text-decoration: none;
  overflow: visible;
  position: relative;
}
.usp-bar-item a:hover {
  text-decoration: underline;
}
.usp-bar-item .fa {
  display: none;
  color: #ffffff;
  margin-right: 10px;
  vertical-align: text-top;
}
.usp-bar-item .fa-savepay {
  font-size: 15px;
}
@media screen and (min-width: 1180px) {
  .usp-bar-item .fa-savepay {
    font-size: 22px;
  }
}

.usp-bar-text {
  font-size: 13px;
  color: #ffffff;
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .usp-bar-text {
    font-size: 14px;
    padding: 0 8px;
  }
}

@-webkit-keyframes uspbar {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  33% {
    -webkit-transform: translate3d(66.67%, 0, 0);
            transform: translate3d(66.67%, 0, 0);
  }
  66% {
    -webkit-transform: translate3d(33.33%, 0, 0);
            transform: translate3d(33.33%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes uspbar {
  0% {
    -webkit-transform: translate3d(100%, 0, 0);
            transform: translate3d(100%, 0, 0);
  }
  33% {
    -webkit-transform: translate3d(66.67%, 0, 0);
            transform: translate3d(66.67%, 0, 0);
  }
  66% {
    -webkit-transform: translate3d(33.33%, 0, 0);
            transform: translate3d(33.33%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
.notify-me-popup-hidden {
  display: none;
}

.notify-me-popup .notify-title .title-text {
  font-weight: 400;
  font-size: 25px;
  line-height: 32px;
  color: #333133;
  text-transform: none;
  margin: 0 0 14px;
}
.notify-me-popup .product-image {
  max-width: 20%;
  margin-right: 30px;
}
.notify-me-popup .product-details .product-name {
  font-size: 13px;
  text-transform: none;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .notify-me-popup .product-details .product-name {
    font-size: 16px;
  }
}
.notify-me-popup .notify-user-input {
  margin-top: 20px;
}
.notify-me-popup .notify-user-input .hint-notify-me {
  font-size: 18px;
}
.notify-me-popup .notify-user-input .success-message {
  color: #00B451;
}
.notify-me-popup .notify-user-input .error-message {
  color: #E75025;
}
.notify-me-popup .form-wrapper {
  margin-top: 20px;
}
.notify-me-popup .recaptcha-row {
  margin: 0;
  height: auto;
}

.notify-product-wrapper {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

ul.ui-mailtip {
  background-color: #ffffff;
  list-style: none;
  border: 1px solid #cccccc;
  overflow: hidden;
  text-align: left;
}
ul.ui-mailtip:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
ul.ui-mailtip li {
  margin: 0;
  padding: 0;
  float: none;
}
ul.ui-mailtip li.active {
  background: #e0e0e0;
}
ul.ui-mailtip li.hover {
  background: #f8f8f8;
}
ul.ui-mailtip li p {
  height: 28px;
  text-align: inherit;
  line-height: 28px;
  cursor: pointer;
  margin: 0 9px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.progress-bar {
  background-color: #ffffff;
  width: 100%;
  border-radius: 10px;
  overflow: hidden;
}
.progress-bar _::-webkit-full-page-media, .progress-bar _:future, .progress-bar :root .safari_only {
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}

.filled-progress {
  background-color: #333133;
  height: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  -webkit-animation-name: fillInProgressBar;
          animation-name: fillInProgressBar;
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  -webkit-animation-delay: 2s;
          animation-delay: 2s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  width: 0;
  opacity: 0;
  overflow: hidden;
}

@-webkit-keyframes fillInProgressBar {
  0% {
    width: 0;
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    width: var(--progress-width);
    opacity: 1;
  }
}

@keyframes fillInProgressBar {
  0% {
    width: 0;
    opacity: 0;
  }
  1% {
    opacity: 1;
  }
  100% {
    width: var(--progress-width);
    opacity: 1;
  }
}
.paazl-checkout .header {
  position: static;
}
.paazl-checkout form {
  padding: 0;
}
.paazl-checkout .pickup-select .point__header::before {
  display: none;
}
.paazl-checkout .pickup-select .point__footer__message {
  background: inherit;
}
.paazl-checkout .pickup-select .point__label {
  padding-top: 4px;
  padding-left: 0;
  padding-right: 0;
}
.paazl-checkout .pickup-select .point__label.checked label::after {
  background-color: #333133;
}
.paazl-checkout .pickup-select .point__options {
  padding-right: 5px;
  padding-top: 0;
  padding-left: 10px;
}
@media screen and (max-width: 768px) {
  .paazl-checkout .pickup-select .point__options {
    padding-bottom: 6px;
  }
}
.paazl-checkout .pickup-select .point__options__item::last {
  padding-right: 5px;
}
.paazl-checkout .paazl-main-container {
  display: block;
  float: left;
  width: 100%;
}
.paazl-checkout .paazl-delimiter .method-select {
  min-width: 100%;
  padding-right: 0;
  padding-left: 0;
}
.paazl-checkout .paazl-delimiter .option__radio {
  padding: 0 15px;
}
.paazl-checkout .paazl-delimiter .option__radio__title {
  padding-left: 0;
}
.paazl-checkout .paazl-delimiter span {
  padding-top: 0;
  padding-bottom: 0;
}
.paazl-checkout .paazl-delimiter .option__radio__image {
  padding-top: 0;
  padding-bottom: 0;
  height: 20px;
}
.paazl-checkout .paazl-delimiter .option__extra {
  padding-left: 0;
  padding-bottom: 3px;
}
.paazl-checkout .paazl-delimiter .option__area.checked {
  background-color: #F6F7F6;
}
.paazl-checkout .paazl-delimiter article {
  padding-bottom: 5px;
  padding-top: 5px;
}
.paazl-checkout .paazl-delimiter .option__information__title {
  color: #979797;
}
.paazl-checkout .paazl-delimiter .paazl__header {
  height: 42px;
}
.paazl-checkout .paazl-delimiter footer {
  padding-top: 0;
  margin-top: 5px;
}
.paazl-checkout .paazl-delimiter footer .footer__message {
  padding-top: 12px;
  padding-bottom: 12px;
  background: #F6F7F6;
}
.paazl-checkout .paazl-delimiter .method-select__tab {
  border-bottom: 1px solid #333133;
}

.pickup-select__modal .paazl-delimiter .point__header {
  padding: 0;
}
.pickup-select__modal .paazl-delimiter .point__header::before {
  display: none;
}

.primary-content > h2 {
  margin-left: 15px;
  margin-right: 15px;
}
@media screen and (min-width: 768px) {
  .primary-content > h2 {
    margin-left: 30px;
    margin-right: 30px;
  }
}

.wishlist-info {
  display: none;
}
@media screen and (min-width: 1180px) {
  .wishlist-info {
    display: block;
  }
}

.nav-account-layover {
  display: none;
}
@media screen and (min-width: 1180px) {
  .nav-account-layover {
    background: #ffffff;
    border-top: 2px solid #f5f3f3;
    -webkit-box-shadow: 0 2px 7px -3px #000000;
            box-shadow: 0 2px 7px -3px #000000;
    left: 50%;
    margin-top: 60px;
    padding: 20px 20px 10px;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 225px;
    z-index: 11;
  }
  .nav-account-layover::after, .nav-account-layover::before {
    border: 16px solid transparent;
    border-bottom-color: #e6e6e6;
    bottom: 100%;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -16px;
    pointer-events: none;
    position: absolute;
    width: 0;
  }
  .nav-account-layover::after {
    border-width: 15px;
    margin-left: -15px;
    border-bottom-color: #ffffff;
  }
  .menu-utility-user:hover .nav-account-layover, .nav-account-layover:hover {
    display: block;
  }
}

.nav-account-layover__header {
  font-size: 16px;
}
@media screen and (min-width: 1180px) {
  .nav-account-layover__header {
    border-bottom: 2px solid #615d61;
    padding-bottom: 10px;
  }
}

.nav-account-layover__heading {
  text-transform: uppercase;
  margin: 0 0 5px;
  font-weight: normal;
}
.nav-account-layover__heading strong {
  font-weight: bold;
}
@media screen and (min-width: 1180px) {
  .nav-account-layover__heading {
    margin: 0;
  }
}

.nav-account-layover__body {
  padding: 3px 0;
}
@media screen and (min-width: 1180px) {
  .nav-account-layover__body {
    padding: 0;
  }
}

.nav-account-layover__options {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1180px) {
  .nav-account-layover__options {
    display: block;
  }
}

.nav-account-layover__or {
  padding: 0 5px;
}

.nav-account-layover__item {
  width: 100%;
}
.nav-account-layover .nav-account-layover__item {
  border-bottom: 0;
  border-top: 1px solid #D3D3D3;
}
.nav-account-layover .nav-account-layover__item a {
  color: #333133;
  font-size: 16px;
  line-height: 1;
  padding-left: 0;
  text-decoration: none;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .nav-account-layover .nav-account-layover__item a {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    min-height: 35px;
    padding-left: 10px;
  }
}
.nav-account-layover__item:hover {
  background-color: #f5f3f3;
}
.nav-account-layover__item:first-of-type {
  border-top: 0;
}

.nav-account-layover__button {
  background-color: transparent;
  border: 0;
  text-transform: none;
  color: #30397a;
  text-decoration: underline;
  padding: 0;
  font-size: 16px;
}

.back-container__link::before, .account-wrapper .account__content-page-detail .form-error span::before, .account-wrapper .field-wrapper.valid:after, .checkout-wrapper .field-wrapper.valid:after, .footer-ie-popup .primary-logo a:before, .main-footer__top-logo::before, .header__logo::before, .menu-detail-title .menu-back:before, .main-menu-categories > li > a:after, .ingredient-detail-popup__read-more-btn::before, .fa, .read-more:after, .scroll-top:after, input[type=checkbox] + label:after, .check-list li::before, .valid .field-password__button::before, .valid-icon:before, .summary .order-promotions li:before, .order-totals-table .order-promotions td li:before, .video-button:not(.hide-icon):after {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-user:before, .fa-times:before, .fa-remove:before, .fa-close:before, .fa-facebook:before, .fa-youtube-play:before, .fa-youtube:before, .fa-twitter:before, .fa-instagram:before, .fa-search:before, .fa-comment:before, .fa-pinterest:before, .fa-paulas-choice-logo:before {
  color: #71605f;
}

.fa-logo-paulaschoice-stacked:before {
  content: "\e900";
}

.fa-paulas-choice-new-logo:before {
  content: "\e902";
}

.fa-klarna-logo:before {
  content: "\e903";
}

.fa-calendar:before {
  content: "\e904";
}

.fa-clock:before {
  content: "\e905";
}

.fa-savepay:before {
  content: "\e906";
}

.fa-play-circle:before {
  content: "\e907";
}

.fa-menu:before {
  content: "\e908";
}

.fa-paulas-choice-logo:before {
  content: "\e909";
}

.fa-info:before {
  content: "\e90a";
}

.fa-empty-star:before {
  content: "\e90b";
}

.fa-chat-user:before {
  content: "\e90c";
}

.fa-faq:before {
  content: "\e90d";
}

.fa-shopping-cart:before {
  content: "\e90e";
}

.fa-double-tap:before {
  content: "\e90f";
}

.fa-chevron-down:before {
  content: "\e910";
}

.fa-undo:before {
  content: "\e911";
}

.fa-eyedropper:before {
  content: "\e912";
}

.fa-chevron-left:before {
  content: "\e913";
}

.fa-mail:before {
  content: "\e914";
}

.fa-chevron-right:before {
  content: "\e915";
}

.fa-chevron-up:before {
  content: "\e916";
}

.fa-star:before {
  content: "\e917";
}

.fa-star-empty:before {
  content: "\e918";
}

.fa-info-circle:before {
  content: "\e919";
}

.fa-star-half:before {
  content: "\e91a";
}

.fa-youtube-play2:before {
  content: "\e91b";
}

.fa-pinterest:before {
  content: "\e91c";
}

.fa-comment:before {
  content: "\e91d";
}

.fa-search:before {
  content: "\e91e";
}

.fa-instagram:before {
  content: "\e91f";
}

.fa-twitter:before {
  content: "\e920";
}

.fa-youtube:before {
  content: "\e921";
}

.fa-facebook:before {
  content: "\e922";
}

.fa-close:before {
  content: "\e923";
}

.fa-remove:before {
  content: "\e923";
}

.fa-user:before {
  content: "\e924";
}

.fa-send:before {
  content: "\e925";
}

.fa-check:before {
  content: "\e926";
}

.fa-minus:before {
  content: "\e927";
}

.fa-plus:before {
  content: "\e928";
}

.fa-pf-bank-transfer:before {
  content: "\e929";
}

.fa-pf-ideal:before {
  content: "\e92a";
}

.fa-pf-mastercard:before {
  content: "\e92b";
}

.fa-pf-paypal:before {
  content: "\e92c";
}

.fa-pf-sofort:before {
  content: "\e92d";
}

.fa-pf-visa:before {
  content: "\e92e";
}

.fa-pf-bancontact-mister-cash:before {
  content: "\e92f";
}

.fa-heart--inactive:before {
  content: "\e930";
}

.fa-heart--active:before {
  content: "\e931";
}

/*
Animated checkmark icon
To animate, add .animate class to js-success-checkmark
*/
.success-checkmark {
  width: 80px;
  height: 115px;
}
.success-checkmark.animate .check-icon {
  display: block;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 4px solid #00b451;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  -webkit-animation: rotate-circle 4.25s ease-in;
          animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #00b451;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: icon-line-tip 0.75s;
          animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation: icon-line-long 0.75s;
          animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 4px solid rgba(0, 180, 81, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@-webkit-keyframes rotate-circle {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}

@keyframes rotate-circle {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
@-webkit-keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@-webkit-keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.ingredient-hero {
  overflow: hidden;
  position: relative;
}
@media all and (min-width: 769px) {
  .ingredient-hero {
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    right: 50%;
    width: calc(100vw - 9px);
  }
}

.ingredient-hero__container {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}

.ingredient-hero__content-container {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-hero__content-container {
    height: 100%;
    left: 10px;
    margin-bottom: 0;
    position: absolute;
    top: 0;
  }
}

.ingredient-hero__content {
  display: block;
  max-width: 1180px;
  padding: 0 20px;
  position: relative;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-hero__content {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-bottom: 16px;
  }
}

.ingredient-hero__back-link {
  color: #333133;
  font-size: 16px;
  text-decoration: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ingredient-hero__back-link::before {
  content: "<";
  font-size: 12px;
  margin-right: 11px;
  position: relative;
}
@media all and (min-width: 769px) {
  .ingredient-hero__back-link {
    color: #ffffff;
    font-size: 20px;
  }
}
@media not all and (pointer: coarse) {
  .ingredient-hero__back-link:hover:hover {
    opacity: 0.8;
  }
}

.ingredient-hero__block {
  color: #ffffff;
  padding: 0 36px;
  position: absolute;
}
@media all and (min-width: 769px) {
  .ingredient-hero__block {
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    padding: 0 20px;
  }
}
@media all and (min-width: 1025px) and (max-width: 1500px) {
  .ingredient-hero__block {
    padding: 0 50px;
  }
}

.ingredient-hero__title {
  color: #ffffff;
  font-size: 45px;
  line-height: 45px;
  font-weight: 700;
}
@media all and (min-width: 769px) {
  .ingredient-hero__title {
    font-size: 55px;
    line-height: 67px;
  }
}

.ingredient-hero__text p {
  font-size: 16px;
  line-height: 1;
}
@media all and (min-width: 769px) {
  .ingredient-hero__text p {
    font-size: 30px;
    line-height: 1;
  }
}

.ingredient-hero__picture,
.ingredient-hero__image {
  width: 100%;
  min-height: 414px;
  -o-object-fit: cover;
     object-fit: cover;
}

.ingredient-hero__picture {
  position: relative;
}
.ingredient-hero__picture::before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(205, 173, 160, 0.92)), color-stop(62.8%, rgba(51, 49, 51, 0)));
  background: linear-gradient(360deg, rgba(205, 173, 160, 0.92) 0%, rgba(51, 49, 51, 0) 62.8%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-hero__picture::before {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(210, 178, 165, 0.6)), color-stop(50%, rgba(143, 143, 143, 0)));
    background: linear-gradient(180deg, rgba(210, 178, 165, 0.6) 0%, rgba(143, 143, 143, 0) 50%);
  }
}

.ingredient-hero__wrapper {
  background: #ffffff;
  margin: -7% auto 0;
  max-width: 1270px;
  padding: 20px 20px 35px;
  position: relative;
  width: 94%;
}
@media all and (min-width: 769px) {
  .ingredient-hero__wrapper {
    margin-top: -10%;
    padding: 50px 50px 75px;
    width: 100%;
  }
}
@media all and (min-width: 1025px) and (max-width: 1500px) {
  .ingredient-hero__wrapper {
    width: 94%;
  }
}

.ingredient-hero__wrapper--mobile {
  margin-top: -80%;
}

input[type=search].ingredient-hero__input {
  border-radius: 15px;
  padding: 23px 55px;
  font-size: 16px;
}
input[type=search].ingredient-hero__input::-webkit-input-placeholder {
  color: #8F8F8F;
  font-size: 16px;
  font-weight: 700;
}
input[type=search].ingredient-hero__input::-moz-placeholder {
  color: #8F8F8F;
  font-size: 16px;
  font-weight: 700;
}
input[type=search].ingredient-hero__input:-ms-input-placeholder {
  color: #8F8F8F;
  font-size: 16px;
  font-weight: 700;
}
input[type=search].ingredient-hero__input::-ms-input-placeholder {
  color: #8F8F8F;
  font-size: 16px;
  font-weight: 700;
}
input[type=search].ingredient-hero__input::placeholder {
  color: #8F8F8F;
  font-size: 16px;
  font-weight: 700;
}
@media all and (min-width: 769px) {
  input[type=search].ingredient-hero__input::-webkit-input-placeholder {
    font-size: 20px;
  }
  input[type=search].ingredient-hero__input::-moz-placeholder {
    font-size: 20px;
  }
  input[type=search].ingredient-hero__input:-ms-input-placeholder {
    font-size: 20px;
  }
  input[type=search].ingredient-hero__input::-ms-input-placeholder {
    font-size: 20px;
  }
  input[type=search].ingredient-hero__input::placeholder {
    font-size: 20px;
  }
}
@media all and (min-width: 769px) {
  input[type=search].ingredient-hero__input {
    border-radius: 20px;
    padding: 30px 55px;
  }
}

.ingredient-hero__search {
  position: relative;
}

.ingredient-hero__button {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #000000;
}

.ingredient-hero__button--search {
  left: 20px;
}
.ingredient-hero__button--search .icon-search {
  font-size: 19px;
}
@media all and (min-width: 769px) {
  .ingredient-hero__button--search .icon-search {
    font-size: 25px;
  }
}

.ingredient-hero__button--reset {
  right: 20px;
}

.ingredient-hero__view-more {
  display: block;
  margin-top: 12px;
  position: relative;
}
.ingredient-hero__view-more p {
  font-size: 16px;
  text-align: right;
}
.ingredient-hero__view-more a {
  color: #0065B7;
  font-size: inherit;
}
@media all and (min-width: 769px) {
  .ingredient-hero__view-more p {
    font-size: 20px;
  }
}

.ingredient-hero__picture--small {
  height: 75px;
  min-height: 0;
}
.ingredient-hero__picture--small .ingredient-hero__image {
  height: 75px;
  min-height: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: top;
     object-position: top;
}

.back-container__link::before, .account-wrapper .account__content-page-detail .form-error span::before, .account-wrapper .field-wrapper.valid:after, .checkout-wrapper .field-wrapper.valid:after, .footer-ie-popup .primary-logo a:before, .main-footer__top-logo::before, .header__logo::before, .menu-detail-title .menu-back:before, .main-menu-categories > li > a:after, .ingredient-detail-popup__read-more-btn::before, .read-more:after, .scroll-top:after, input[type=checkbox] + label:after, .check-list li::before, .valid .field-password__button::before, .valid-icon:before, .summary .order-promotions li:before, .order-totals-table .order-promotions td li:before, .video-button:not(.hide-icon):after, .fa {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-paulas-choice-logo:before, .fa-pinterest:before, .fa-comment:before, .fa-search:before, .fa-instagram:before, .fa-twitter:before, .fa-youtube:before, .fa-youtube-play:before, .fa-facebook:before, .fa-close:before, .fa-remove:before, .fa-times:before, .fa-user:before {
  color: #71605f;
}

.fa-logo-paulaschoice-stacked:before {
  content: "\e900";
}

.fa-paulas-choice-new-logo:before {
  content: "\e902";
}

.fa-klarna-logo:before {
  content: "\e903";
}

.fa-calendar:before {
  content: "\e904";
}

.fa-clock:before {
  content: "\e905";
}

.fa-savepay:before {
  content: "\e906";
}

.fa-play-circle:before {
  content: "\e907";
}

.fa-menu:before {
  content: "\e908";
}

.fa-paulas-choice-logo:before {
  content: "\e909";
}

.fa-info:before {
  content: "\e90a";
}

.fa-empty-star:before {
  content: "\e90b";
}

.fa-chat-user:before {
  content: "\e90c";
}

.fa-faq:before {
  content: "\e90d";
}

.fa-shopping-cart:before {
  content: "\e90e";
}

.fa-double-tap:before {
  content: "\e90f";
}

.fa-chevron-down:before {
  content: "\e910";
}

.fa-undo:before {
  content: "\e911";
}

.fa-eyedropper:before {
  content: "\e912";
}

.fa-chevron-left:before {
  content: "\e913";
}

.fa-mail:before {
  content: "\e914";
}

.fa-chevron-right:before {
  content: "\e915";
}

.fa-chevron-up:before {
  content: "\e916";
}

.fa-star:before {
  content: "\e917";
}

.fa-star-empty:before {
  content: "\e918";
}

.fa-info-circle:before {
  content: "\e919";
}

.fa-star-half:before {
  content: "\e91a";
}

.fa-youtube-play2:before {
  content: "\e91b";
}

.fa-pinterest:before {
  content: "\e91c";
}

.fa-comment:before {
  content: "\e91d";
}

.fa-search:before {
  content: "\e91e";
}

.fa-instagram:before {
  content: "\e91f";
}

.fa-twitter:before {
  content: "\e920";
}

.fa-youtube:before {
  content: "\e921";
}

.fa-facebook:before {
  content: "\e922";
}

.fa-close:before {
  content: "\e923";
}

.fa-remove:before {
  content: "\e923";
}

.fa-user:before {
  content: "\e924";
}

.fa-send:before {
  content: "\e925";
}

.fa-check:before {
  content: "\e926";
}

.fa-minus:before {
  content: "\e927";
}

.fa-plus:before {
  content: "\e928";
}

.fa-pf-bank-transfer:before {
  content: "\e929";
}

.fa-pf-ideal:before {
  content: "\e92a";
}

.fa-pf-mastercard:before {
  content: "\e92b";
}

.fa-pf-paypal:before {
  content: "\e92c";
}

.fa-pf-sofort:before {
  content: "\e92d";
}

.fa-pf-visa:before {
  content: "\e92e";
}

.fa-pf-bancontact-mister-cash:before {
  content: "\e92f";
}

.fa-heart--inactive:before {
  content: "\e930";
}

.fa-heart--active:before {
  content: "\e931";
}

/*
Animated checkmark icon
To animate, add .animate class to js-success-checkmark
*/
.success-checkmark {
  width: 80px;
  height: 115px;
}
.success-checkmark.animate .check-icon {
  display: block;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 4px solid #00b451;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  -webkit-animation: rotate-circle 4.25s ease-in;
          animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #00b451;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: icon-line-tip 0.75s;
          animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation: icon-line-long 0.75s;
          animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 4px solid rgba(0, 180, 81, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@keyframes rotate-circle {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.benefits {
  padding: 0 20px 50px;
}
@media all and (min-width: 769px) {
  .benefits {
    padding: 30px 10px 70px;
  }
}

.benefits__list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 14px;
  list-style-type: none;
  margin-bottom: 14px;
  padding: 0;
}
@supports (gap: 14px) {
  .benefits__list {
    margin-bottom: 0;
  }
}
@media all and (min-width: 769px) {
  .benefits__list {
    gap: 20px;
    margin-bottom: 20px;
    max-width: 80%;
  }
  @supports (gap: 20px) {
    .benefits__list {
      margin-bottom: 0;
    }
  }
}

.benefits__item {
  border-radius: 8px;
  border: 1px solid #000000;
  padding: 5px 15px;
}
.benefits__item.show {
  display: block;
}

.benefits__link {
  font-size: 16px;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media all and (min-width: 769px) {
  .benefits__link {
    font-size: 20px;
  }
}
@media not all and (pointer: coarse) {
  .benefits__link:hover:hover {
    opacity: 0.8;
  }
}

.benefits__link--detail {
  font-size: 14px;
}
@media all and (min-width: 769px) {
  .benefits__link--detail {
    font-size: 20px;
  }
}

.benefits__title {
  color: #333133;
  font-size: 20px;
  font-weight: 700;
}
@media all and (min-width: 1025px) {
  .benefits__title {
    font-size: 30px;
  }
}

.benefits__btn {
  font-size: 16px;
  font-weight: 500;
  margin-top: 20px;
}
.benefits__btn .icon-chevron-thin {
  font-size: 12px;
  margin-left: 10px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media all and (min-width: 769px) {
  .benefits__btn {
    font-size: 20px;
  }
}

.benefits__btn--active .icon-chevron-thin {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/*
BASE IMPORTS - includes necessary partials like variables, functions, mixins...
Import this for every component
*/
.back-container__link::before, .account-wrapper .account__content-page-detail .form-error span::before, .account-wrapper .field-wrapper.valid:after, .checkout-wrapper .field-wrapper.valid:after, .footer-ie-popup .primary-logo a:before, .main-footer__top-logo::before, .header__logo::before, .menu-detail-title .menu-back:before, .main-menu-categories > li > a:after, .ingredient-detail-popup__read-more-btn::before, .read-more:after, .scroll-top:after, input[type=checkbox] + label:after, .check-list li::before, .valid .field-password__button::before, .valid-icon:before, .summary .order-promotions li:before, .order-totals-table .order-promotions td li:before, .video-button:not(.hide-icon):after, .fa {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-paulas-choice-logo:before, .fa-pinterest:before, .fa-comment:before, .fa-search:before, .fa-instagram:before, .fa-twitter:before, .fa-youtube:before, .fa-youtube-play:before, .fa-facebook:before, .fa-close:before, .fa-remove:before, .fa-times:before, .fa-user:before {
  color: #71605f;
}

.fa-logo-paulaschoice-stacked:before {
  content: "\e900";
}

.fa-paulas-choice-new-logo:before {
  content: "\e902";
}

.fa-klarna-logo:before {
  content: "\e903";
}

.fa-calendar:before {
  content: "\e904";
}

.fa-clock:before {
  content: "\e905";
}

.fa-savepay:before {
  content: "\e906";
}

.fa-play-circle:before {
  content: "\e907";
}

.fa-menu:before {
  content: "\e908";
}

.fa-paulas-choice-logo:before {
  content: "\e909";
}

.fa-info:before {
  content: "\e90a";
}

.fa-empty-star:before {
  content: "\e90b";
}

.fa-chat-user:before {
  content: "\e90c";
}

.fa-faq:before {
  content: "\e90d";
}

.fa-shopping-cart:before {
  content: "\e90e";
}

.fa-double-tap:before {
  content: "\e90f";
}

.fa-chevron-down:before {
  content: "\e910";
}

.fa-undo:before {
  content: "\e911";
}

.fa-eyedropper:before {
  content: "\e912";
}

.fa-chevron-left:before {
  content: "\e913";
}

.fa-mail:before {
  content: "\e914";
}

.fa-chevron-right:before {
  content: "\e915";
}

.fa-chevron-up:before {
  content: "\e916";
}

.fa-star:before {
  content: "\e917";
}

.fa-star-empty:before {
  content: "\e918";
}

.fa-info-circle:before {
  content: "\e919";
}

.fa-star-half:before {
  content: "\e91a";
}

.fa-youtube-play2:before {
  content: "\e91b";
}

.fa-pinterest:before {
  content: "\e91c";
}

.fa-comment:before {
  content: "\e91d";
}

.fa-search:before {
  content: "\e91e";
}

.fa-instagram:before {
  content: "\e91f";
}

.fa-twitter:before {
  content: "\e920";
}

.fa-youtube:before {
  content: "\e921";
}

.fa-facebook:before {
  content: "\e922";
}

.fa-close:before {
  content: "\e923";
}

.fa-remove:before {
  content: "\e923";
}

.fa-user:before {
  content: "\e924";
}

.fa-send:before {
  content: "\e925";
}

.fa-check:before {
  content: "\e926";
}

.fa-minus:before {
  content: "\e927";
}

.fa-plus:before {
  content: "\e928";
}

.fa-pf-bank-transfer:before {
  content: "\e929";
}

.fa-pf-ideal:before {
  content: "\e92a";
}

.fa-pf-mastercard:before {
  content: "\e92b";
}

.fa-pf-paypal:before {
  content: "\e92c";
}

.fa-pf-sofort:before {
  content: "\e92d";
}

.fa-pf-visa:before {
  content: "\e92e";
}

.fa-pf-bancontact-mister-cash:before {
  content: "\e92f";
}

.fa-heart--inactive:before {
  content: "\e930";
}

.fa-heart--active:before {
  content: "\e931";
}

/*
Animated checkmark icon
To animate, add .animate class to js-success-checkmark
*/
.success-checkmark {
  width: 80px;
  height: 115px;
}
.success-checkmark.animate .check-icon {
  display: block;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 4px solid #00b451;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  -webkit-animation: rotate-circle 4.25s ease-in;
          animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #00b451;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: icon-line-tip 0.75s;
          animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation: icon-line-long 0.75s;
          animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 4px solid rgba(0, 180, 81, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@keyframes rotate-circle {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.homepage-product-slider__wrap {
  padding: 30px 15px 30px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .homepage-product-slider__wrap {
    padding: 30px 30px 0;
  }
}
@media screen and (min-width: 1180px) {
  .homepage-product-slider__wrap {
    max-width: 940px;
    margin: 0 auto;
    padding: 30px 90px 0;
  }
}
@media screen and (min-width: 1180px) and (min-width: 1180px) {
  .homepage-product-slider__wrap {
    max-width: 1180px;
  }
}
.homepage-product-slider__wrap .product-carousel-title {
  padding: 0;
}
.homepage-product-slider__wrap .product-slider {
  position: static;
}
.homepage-product-slider__wrap .product-slider.content-page .slide-control i, .homepage-product-slider__wrap .product-slider.content-page .slide-control .fa {
  color: #333133;
  font-size: 32px;
}
.homepage-product-slider__wrap .product-tile {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  margin: 0;
  position: relative;
}
@media screen and (min-width: 768px) {
  .homepage-product-slider__wrap .product-slide-content {
    margin: 0 10px;
  }
}
.homepage-product-slider__wrap .product-slide-content .product-name {
  font-weight: 400;
}
.homepage-product-slider__wrap .product-slide-content .name-link {
  -webkit-box-orient: vertical;
  display: -webkit-box;
  height: 39px;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
}
.homepage-product-slider__wrap .product-slide-content .add-to-cart-link {
  background-color: #30397a;
  border-color: #30397a;
  border-radius: 0;
  margin-bottom: 0;
}
.homepage-product-slider__wrap .product-slide-content .add-to-cart-link:hover {
  background-color: #ffffff;
}
.homepage-product-slider__wrap .product-slide-content .product-slide-footer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-top: auto;
  min-height: 48px;
}
.homepage-product-slider__wrap .product-slide-content .product-slide-footer .product-pricing,
.homepage-product-slider__wrap .product-slide-content .product-slide-footer .add-to-cart-link {
  display: block;
}
.homepage-product-slider__wrap .product-slide-content .product-slide-footer .product-pricing {
  -webkit-flex-basis: 60%;
      -ms-flex-preferred-size: 60%;
          flex-basis: 60%;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
}
@media screen and (min-width: 768px) {
  .homepage-product-slider__wrap .product-slide-content .product-slide-footer .product-pricing {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}
.homepage-product-slider__wrap .product-slide-content .product-slide-footer .price-standard,
.homepage-product-slider__wrap .product-slide-content .product-slide-footer .price-sales {
  display: block;
  margin: 0;
  padding: 0;
}
@media screen and (max-width: 425px) {
  .homepage-product-slider__wrap .product-slide-content .product-slide-footer .price-standard,
  .homepage-product-slider__wrap .product-slide-content .product-slide-footer .price-sales {
    font-size: 13px;
  }
}
.homepage-product-slider__wrap .product-slide-content .product-slide-footer .add-to-cart-link {
  -webkit-flex-basis: 40%;
      -ms-flex-preferred-size: 40%;
          flex-basis: 40%;
  max-width: 55px;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
.homepage-product-slider__wrap .product-slide-content .product-slide-footer .add-to-cart-link .fa {
  font-size: 21px;
}
@media screen and (min-width: 768px) {
  .homepage-product-slider__wrap .product-slide-content .product-slide-footer .add-to-cart-link {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
  }
}
.homepage-product-slider__wrap .product-slide-content .product-slide-footer .grundpreis {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}

.product-slide__tile {
  color: #333133;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
}
.product-slider .product-slide__tile {
  padding-bottom: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media screen and (min-width: 768px) {
  .product-slide__tile {
    font-size: 20px;
  }
}

.product-tile__image-wrapper {
  overflow: hidden;
  position: relative;
  text-align: center;
  margin-bottom: 10px;
  max-height: 70vh;
}
@media screen and (min-width: 768px) {
  .product-tile__image-wrapper {
    margin-bottom: 19px;
    max-height: 65vh;
  }
}

.product-tile__routine {
  background-color: #ffffff;
  display: inline-block;
  left: 0;
  margin: 11px 16px;
  max-width: calc(100% - 32px);
  padding: 8px 8px 8px 11px;
  position: absolute;
  text-align: left;
  top: 0;
  z-index: 11;
}
@media screen and (min-width: 768px) {
  .product-tile__routine {
    margin: 14px;
    padding: 12px 26px;
  }
}

.product-tile__routine-text {
  color: inherit;
  font-size: 16px;
  line-height: 1.18;
  max-width: 100%;
  width: 200px;
}
@media screen and (min-width: 768px) {
  .product-tile__routine-text {
    width: 205px;
  }
}

.product-tile__routine-info {
  color: #333133;
  max-height: 0px;
  max-width: 0;
  overflow: hidden;
  -webkit-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}
.product-tile__routine-info .product-tile__routine-text {
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}

.product-tile__routine-button-label {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  border: 0;
  color: #333133;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 1;
  min-height: 33px;
  padding: 0;
  width: auto;
}
@media screen and (min-width: 768px) {
  .product-tile__routine-button-label {
    min-height: 42px;
  }
}

.product-tile__routine-steps {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  opacity: 0;
  padding: 10px 0 17px;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  width: 140px;
}
@media screen and (min-width: 768px) {
  .product-tile__routine-steps {
    padding: 10px 0;
  }
}

.product-tile__routine-step {
  opacity: 0.2;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.product-tile__routine-step.product-tile__routine-step--active {
  opacity: 1;
}

input[type=checkbox].product-tile__routine-button {
  display: none;
}
input[type=checkbox].product-tile__routine-button + label {
  padding: 0;
  margin: 0;
}
input[type=checkbox].product-tile__routine-button + label::before {
  display: none;
  content: none;
}
input[type=checkbox].product-tile__routine-button + label::after {
  color: inherit;
  content: "+";
  display: inline-block;
  font-size: inherit;
  height: auto;
  left: auto;
  margin-left: 5px;
  position: relative;
  top: auto;
  width: auto;
}
input[type=checkbox].product-tile__routine-button:checked ~ .product-tile__routine-info {
  max-height: 100vh;
  max-width: 215px;
}
input[type=checkbox].product-tile__routine-button:checked ~ .product-tile__routine-info .product-tile__routine-text,
input[type=checkbox].product-tile__routine-button:checked ~ .product-tile__routine-info .product-tile__routine-steps {
  opacity: 1;
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}

.product-tile__image {
  -webkit-backface-visibility: hidden;
          backface-visibility: hidden;
  height: 100%;
  left: 0;
  max-height: 70vh;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  -webkit-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product-tile__image {
    max-height: 65vh;
  }
}

.product-tile__picture {
  aspect-ratio: 212/376;
  display: block;
  padding-bottom: 177%;
  position: relative;
}
@media screen and (min-width: 768px) {
  .product-tile__picture {
    aspect-ratio: 353/509;
    padding-bottom: 144%;
  }
  .product-tile__picture:hover .product-tile__image {
    -webkit-transform: scale(1.08);
            transform: scale(1.08);
  }
}

.product-tile__image-link {
  position: relative;
  display: block;
}

.product-tile__button {
  background: #ffffff;
  border: none;
  border-radius: 50%;
  color: #333133;
  display: block;
  font-size: 20px;
  height: 42px;
  line-height: 1;
  margin: 0;
  padding: 0;
  text-align: center;
  -webkit-transition: -webkit-box-shadow 0.3s ease-out;
  transition: -webkit-box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out;
  transition: box-shadow 0.3s ease-out, -webkit-box-shadow 0.3s ease-out;
  width: 42px;
}
.product-tile__button .icon-notifyme {
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .product-tile__button {
    font-size: 26px;
    height: 50px;
    line-height: 1;
    width: 50px;
  }
  .product-tile__button .icon-notifyme {
    font-size: 16px;
  }
  .product-tile__button:hover {
    -webkit-box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.3);
            box-shadow: 0px 0px 10px 4px rgba(0, 0, 0, 0.3);
  }
}

.product-tile__image-footer {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  bottom: 17px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 0 9px;
  position: absolute;
  right: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .product-tile__image-footer {
    bottom: 18px;
    padding: 0 12px;
  }
}

.product-tile__badges {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 11px;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.product-tile__badges .badge,
.product-tile__badges .badge-promo,
.product-tile__badges .badge-new-look {
  border-radius: 0;
  font-size: 14px;
  font-weight: 700;
  height: auto;
  left: auto;
  letter-spacing: 0.002em;
  line-height: 1;
  padding: 0;
  position: relative;
  top: auto;
  width: auto;
}
.product-tile__badges .badge span,
.product-tile__badges .badge-promo span,
.product-tile__badges .badge-new-look span {
  color: inherit;
  font-size: inherit;
  font-weight: inherit;
  left: auto;
  letter-spacing: normal;
  line-height: 1;
  position: relative;
  top: auto;
  -webkit-transform: none;
          transform: none;
  white-space: nowrap;
}
.product-tile__badges .badge::before, .product-tile__badges .badge::after {
  content: none;
}
.product-tile__badges .badge,
.product-tile__badges .badge-new-look {
  background-color: #333133;
  color: #ffffff;
}
.product-tile__badges .badge-promo {
  background-color: #ffffff;
  color: #f7525b;
}
@supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
  .product-tile__badges .badge,
  .product-tile__badges .badge-promo,
  .product-tile__badges .badge-new-look {
    margin-left: 11px;
    margin-top: 11px;
  }
}
@media screen and (min-width: 768px) {
  .product-tile__badges {
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
        -ms-flex-align: end;
            align-items: flex-end;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    gap: 3px;
  }
  .product-tile__badges .badge,
  .product-tile__badges .badge-promo,
  .product-tile__badges .badge-new-look {
    font-size: 16px;
  }
  @supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
    .product-tile__badges .badge,
    .product-tile__badges .badge-promo,
    .product-tile__badges .badge-new-look {
      margin-left: 3px;
      margin-top: 3px;
    }
  }
}

.product-tile__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.product-tile__buttons .product-tile__button,
.product-tile__buttons button {
  margin-right: 13px;
}
@media screen and (min-width: 768px) {
  .product-tile__buttons .product-tile__button,
  .product-tile__buttons button {
    margin-right: 17px;
  }
}

.product-tile__info {
  display: block;
  position: relative;
}
@media screen and (min-width: 768px) {
  .product-tile__info {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.product-tile__name-link,
.product-tile__product-pricing,
.product-tile__product-skin {
  color: #333133;
  display: block;
  font-size: 14px;
  line-height: 1.2;
  margin-bottom: 10px;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .product-tile__name-link,
  .product-tile__product-pricing,
  .product-tile__product-skin {
    font-size: 20px;
    margin-bottom: 17px;
  }
}

.product-tile__name-link {
  font-size: 16px;
}
@media screen and (min-width: 768px) {
  .product-tile__name-link {
    font-size: 20px;
    line-height: 1.75;
    margin-bottom: 0;
    min-height: 60px;
  }
}

.product-tile__category-link {
  color: #333133;
  display: inline-block;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin-bottom: 12px;
  text-decoration: none;
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .product-tile__category-link {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 16px;
    margin-bottom: 17px;
  }
}
@media screen and (min-width: 1500px) {
  .product-tile__category-link {
    max-width: 45%;
    margin-bottom: 19px;
  }
}

.product-tile__product-skin {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .product-tile__product-skin {
    font-size: 16px;
  }
}

.product-tile__product-pricing {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  font-size: 20px;
  font-weight: 600;
  gap: 10px;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.product-tile__product-pricing .price-standard {
  color: #cccccc;
  text-decoration: line-through;
}
@supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
  .product-tile__product-pricing .price-standard {
    margin-left: 10px;
  }
}
@media screen and (min-width: 768px) {
  .product-tile__product-pricing {
    gap: 20px;
  }
  @supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
    .product-tile__product-pricing .price-standard {
      margin-left: 20px;
    }
  }
}

.product-tile__reviews .product-review {
  color: #333133;
  font-size: 10px;
  font-weight: 600;
  margin-bottom: 12px;
  min-height: auto;
  text-decoration: none;
}
.product-tile__reviews .product-review a {
  color: #333133;
  font-size: 10px;
  font-weight: 600;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .product-tile__reviews {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
  .product-tile__reviews .product-review {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: -ms-inline-flexbox;
    display: inline-flex;
    font-size: 17px;
    width: auto;
  }
  .product-tile__reviews .product-review a {
    font-size: 17px;
  }
}
@media screen and (min-width: 1500px) {
  .product-tile__reviews {
    margin-top: -7px;
    position: absolute;
    right: 0;
    top: 0;
    max-width: 55%;
  }
}

.experience-layouts-productcarousel .product-tile__badges .badge {
  padding: 5px;
}
.experience-layouts-productcarousel .product-tile__badges .badge span {
  margin-left: 0;
  margin-right: 0;
}
.experience-layouts-productcarousel .product-tile__badges .badge::after {
  padding-bottom: 0;
}

.clp-see-more {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin: 0 auto;
  position: relative;
  min-height: 120px;
}

.clp-see-more__btn {
  padding: 15px 28px;
  margin: 0 auto;
}
@media all and (min-width: 769px) {
  .clp-see-more__btn {
    padding: 15px 50px;
  }
}

.clp-see-more__btn--scroll {
  position: absolute;
}

.clp-search .ingredient-hero__search {
  margin-bottom: 20px;
}

.clp-search .content-container {
  padding: 0 20px;
}

.clp-search__title {
  color: #8F8F8F;
  font-size: 55px;
  font-weight: 700;
  display: none;
}
@media all and (min-width: 769px) {
  .clp-search__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.clp-search__results {
  font-size: 14px;
  color: #333133;
  display: block;
  margin: 0 20px 25px;
}
@media all and (min-width: 769px) {
  .clp-search__results {
    font-size: 20px;
    margin: 0 15px;
  }
}
.clp-search__results strong {
  font-weight: 700;
}

.clp-hero .ingredient-hero__picture {
  display: none;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: top;
     object-position: top;
}
@media all and (min-width: 769px) {
  .clp-hero .ingredient-hero__picture {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}

.clp-hero {
  max-height: 161px;
}

.ingredient-breadcrumbs {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  width: 100%;
  padding: 0;
  margin: 0 0 16px;
}

.ingredient-breadcrumbs__link {
  color: #8F8F8F;
  font-size: 16px;
  text-decoration: none;
}
@media all and (min-width: 769px) {
  .ingredient-breadcrumbs__link {
    color: #ffffff;
    font-size: 20px;
  }
}

.ingredient-breadcrumbs__item + .ingredient-breadcrumbs__item {
  padding-left: 6px;
}
.ingredient-breadcrumbs__item + .ingredient-breadcrumbs__item::before {
  content: "/";
  display: inline-block;
  padding-right: 6px;
  color: #8F8F8F;
}
@media all and (min-width: 769px) {
  .ingredient-breadcrumbs__item + .ingredient-breadcrumbs__item::before {
    color: #ffffff;
  }
}
.ingredient-breadcrumbs__item + .ingredient-breadcrumbs__item.active .ingredient-breadcrumbs__link {
  color: #333133;
}
@media all and (min-width: 769px) {
  .ingredient-breadcrumbs__item + .ingredient-breadcrumbs__item.active .ingredient-breadcrumbs__link {
    font-weight: 600;
    color: #ffffff;
  }
}

.clp-container {
  padding: 0 20px;
}

.clp__container .search-result-options-header {
  position: relative;
}
.clp__container .search-result-options-header .search-result-options-close-handle,
.clp__container .search-result-options-header .search-result-options-back-handle {
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.clp__container .search-refinements-list > li h2 {
  padding-bottom: 5px;
  letter-spacing: 0;
  font-size: 20px;
}

.clp__container .search-refinements-list li {
  font-size: 16px;
}

.clp-header {
  border-bottom: 2px solid #333133;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
.clp-header .search-result-options-delete {
  color: #333133;
}

.clp-header__title,
.clp-header__rating {
  font-size: 16px;
  font-weight: 600;
  border-bottom: 2px solid #333133;
  width: 100%;
}
@media all and (min-width: 769px) {
  .clp-header__title,
  .clp-header__rating {
    font-size: 30px;
    border: 0;
  }
}

.clp-header__rating {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.clp-header__rating .icon-info {
  font-size: 12px;
  padding-left: 5px;
  display: block;
  text-align: center;
  color: #D5D8DC;
}
@media all and (min-width: 769px) {
  .clp-header__rating .icon-info {
    font-size: 26px;
    padding-left: 10px;
  }
}

.clp-ingredient {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
}
@media all and (min-width: 769px) {
  .clp-ingredient {
    margin-bottom: 20px;
  }
}

.clp-ingredient__title {
  font-size: 16px;
  color: #333133;
  font-weight: 700;
}
@media all and (min-width: 769px) {
  .clp-ingredient__title {
    font-size: 20px;
  }
}

.clp-ingredient__description {
  font-size: 14px;
  max-width: 600px;
}
@media all and (min-width: 769px) {
  .clp-ingredient__description {
    font-size: 16px;
  }
}

.clp-ingredient__rating {
  font-size: 16px;
  line-height: 19px;
  font-weight: 700;
  text-transform: uppercase;
}
@media all and (min-width: 769px) {
  .clp-ingredient__rating {
    font-size: 24px;
    line-height: 29px;
  }
}

.clp-ingredient__wrapper {
  padding: 0 16px;
}
@media all and (min-width: 769px) {
  .clp-ingredient__wrapper {
    padding: 0;
  }
}

.clp-ingredients {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-top: 45px;
}
@media all and (min-width: 769px) {
  .clp-ingredients {
    margin-top: 80px;
  }
}
@media all and (min-width: 769px) {
  .clp-ingredients .search-refinements-subheader-wrap {
    margin-bottom: 20px;
  }
}

.search-refinements-list__link {
  text-decoration: none;
  color: #333133;
}

.search-refinements-list__link--active input[type=checkbox] {
  display: none;
}
.search-refinements-list__link--active input[type=checkbox] + label::after {
  color: #333133;
}

.findalternative_popup {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  max-width: 840px;
  min-height: 600px;
  z-index: -1;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.findalternative_popup-visible .findalternative_popup {
  background: #ffffff;
  max-height: 100vh;
  opacity: 1;
  overflow: auto;
  width: 100%;
  z-index: 210;
}
.findalternative_popup_bodywrapper {
  min-height: 600px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media all and (min-width: 769px) {
  .findalternative_popup_bodywrapper {
    min-height: 450px;
  }
}
.findalternative_popup_bodywrapper-body {
  width: 60%;
  margin: 0 auto;
}
@media all and (min-width: 769px) {
  .findalternative_popup_bodywrapper-body {
    width: 70%;
  }
}
.findalternative_popup_bodywrapper-body-selectwrap {
  display: inline-block;
  position: relative;
}
.findalternative_popup_bodywrapper-body-helper-element {
  position: absolute;
  top: 0;
  left: -9999px;
}
.findalternative_popup_bodywrapper-body-title {
  font-size: 20px;
  font-weight: 700;
}
.findalternative_popup_bodywrapper-body-select {
  display: inline-block;
  border: none;
  padding: 0 2px;
  margin: 0 2px;
  color: #419DA8;
  border-style: solid;
  border-width: 0 0 5px;
  line-height: 1.25;
  font-size: 26px;
  font-weight: 700;
  width: 200px;
}
.findalternative_popup_bodywrapper-body-select:invalid + label {
  position: absolute;
  top: 40px;
  left: 0;
  color: #ff0000;
  font-size: 14px;
}
.findalternative_popup_bodywrapper-body-select option {
  font-size: 14px;
}
.findalternative_popup_bodywrapper-body-subtitle {
  display: inline-block;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0;
  margin-bottom: 25px;
}
.findalternative_popup_bodywrapper-body-button {
  display: block;
  border: 2px solid #323132;
  color: #FAF9F8;
  background-color: #323132;
  text-transform: uppercase;
  letter-spacing: 0.025em;
  border-radius: 4px;
  padding: 11px 23px 10px;
  margin-top: 25px;
  cursor: pointer;
}
@media all and (min-width: 769px) {
  .findalternative_popup {
    border: 1px solid #333133;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .findalternative_popup {
    height: 100%;
    max-height: 650px;
    overflow-y: auto;
  }
}
.findalternative_popup .findalternative_popup-header {
  border-bottom: 1px solid #ccc;
  height: 100px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
  -webkit-justify-content: end;
      -ms-flex-pack: end;
          justify-content: end;
  margin-bottom: 15px;
}
.findalternative_popup .findalternative_popup-header-button {
  margin-right: 20px;
}

.rating-info {
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  max-width: 768px;
  z-index: -1;
  position: fixed;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.rating-popup-visible .rating-info {
  background: #ffffff;
  max-height: 100vh;
  opacity: 1;
  overflow: auto;
  padding: 35px 25px 25px;
  width: 100%;
  z-index: 213;
}
@media all and (min-width: 769px) {
  .rating-popup-visible .rating-info {
    width: unset;
    padding: 50px;
  }
}
@media all and (min-width: 769px) {
  .rating-info {
    border: 1px solid #333133;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .rating-info {
    height: 100%;
    max-height: 650px;
    overflow-y: auto;
  }
}

.rating-info__wrapper {
  position: relative;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .rating-info__wrapper {
    height: 100%;
    overflow-y: auto;
  }
}

.rating-popup-visible .popup-overlay {
  content: "";
  display: block;
  position: fixed;
  width: 100%;
  height: 100vh;
  top: 0;
  left: 0;
  bottom: 0;
  opacity: 1;
  z-index: 212;
  pointer-events: none;
  background: rgba(50, 49, 50, 0.26);
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}

.rating-info__button {
  display: block;
  margin: 0 auto;
  padding: 10px 60px;
}
@media all and (min-width: 769px) {
  .rating-info__button {
    font-size: 14px;
  }
}

.rating-info__button--close {
  position: absolute;
  right: 0;
  top: 0;
}
@media all and (min-width: 769px) {
  .rating-info__button--close {
    display: none;
  }
}

.rating-info__title {
  font-size: 20px;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .rating-info__title {
    margin: 0;
  }
}
@media all and (min-width: 769px) {
  .rating-info__title {
    font-size: 25px;
  }
}

.rating-info__subtitle {
  text-transform: uppercase;
  font-size: 18px;
  font-weight: 700;
}

.rating-info__text {
  margin-bottom: 25px;
}
.rating-info__text.unknown {
  display: none;
}
.rating-info__text:first-of-type {
  margin-top: 30px;
}

.rating-info__description {
  margin: 0;
  font-size: 14px;
  padding-top: 2px;
}

.rating-0 {
  color: #000000;
}

.rating-1 {
  color: #8C244D;
}

.rating-2 {
  color: #E2967F;
}

.rating-3 {
  color: #CEAEA1;
}

.rating-4 {
  color: #339999;
}

.rating-5 {
  color: #0065B7;
}

.rating-99 {
  color: #898A8D;
}

.clp-header__button--delete {
  color: #333133;
}

@media all and (min-width: 769px) {
  .clp-header--filters {
    margin: 80px 0 0;
  }
}

.ingredient-detail {
  display: block;
  margin-top: 25px;
  position: relative;
  width: 100%;
}
.ingredient-detail * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media all and (min-width: 769px) {
  .ingredient-detail {
    margin-top: 75px;
  }
}

.page-ingredient-detail .content-container {
  padding: 0 20px;
}

.ingredient-detail__title {
  color: #333133;
  display: block;
  font-size: 30px;
  font-weight: 700;
  line-height: 1.06;
  margin: 0 0 16px;
}
@media all and (min-width: 769px) {
  .ingredient-detail__title {
    font-size: 55px;
    line-height: 1;
    margin-bottom: 30px;
  }
}

.ingredient-detail__subtitle {
  color: #333133;
  display: block;
  font-size: 14px;
  font-weight: 600;
  letter-spacing: 0;
  line-height: 1.2;
  margin-bottom: 19px;
  text-decoration: underline;
}
@media all and (min-width: 769px) {
  .ingredient-detail__subtitle {
    font-size: 20px;
  }
}

.ingredient-detail__paragraph {
  color: #333133;
  font-size: 14px;
}
@media all and (min-width: 769px) {
  .ingredient-detail__paragraph {
    font-size: 20px;
  }
}

.ingredient-detail__glance {
  background-color: #F5EBDF;
  color: #333133;
  display: block;
  font-size: 16px;
  left: 50%;
  line-height: 1;
  margin: 30px -50vw;
  padding: 20px;
  position: relative;
  right: 50%;
  width: calc(100vw - 9px);
}
.ingredient-detail__glance .list-plus li {
  line-height: 1.125;
}
.ingredient-detail__glance .list-plus li::before {
  font-weight: 700;
}
@media all and (min-width: 769px) {
  .ingredient-detail__glance {
    font-size: 20px;
    left: auto;
    margin-left: 0;
    margin-right: 0;
    margin-top: 40px;
    padding: 30px 28px;
    right: auto;
    width: 100%;
  }
  .ingredient-detail__glance .list-plus li {
    line-height: 1.5;
  }
}

.ingredient-detail__glance-title {
  color: #333133;
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 14px;
}
@media all and (min-width: 769px) {
  .ingredient-detail__glance-title {
    font-size: 30px;
    margin-bottom: 28px;
  }
}

.ingredient-detail__main {
  display: block;
  position: relative;
  width: 100%;
  margin-bottom: 45px;
  margin-top: 30px;
}

.ingredient-detail__main-title {
  color: #333133;
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 20px;
}
@media all and (min-width: 769px) {
  .ingredient-detail__main-title {
    font-size: 30px;
    margin-bottom: 19px;
  }
}

.ingredient-detail__main-content {
  display: block;
  position: relative;
  white-space: break-spaces;
}
.ingredient-detail__main-content p {
  font-size: 16px;
  line-height: normal;
  margin: 0;
}
.ingredient-detail__main-content strong {
  font-weight: 700;
}
.ingredient-detail__main-content a {
  color: #30397a;
  text-decoration: none;
}
@media not all and (pointer: coarse) {
  .ingredient-detail__main-content:hover a:hover {
    text-decoration: underline;
  }
}
@media all and (min-width: 769px) {
  .ingredient-detail__main-content p {
    font-size: 20px;
    line-height: normal;
  }
  .ingredient-detail__main-content p + p {
    margin-top: 30px;
  }
}

.ingredient-detail__related-ingredients {
  white-space: initial;
}

.ingredient-detail__carousel {
  display: block;
  margin-top: 13px;
  position: relative;
  width: 100%;
}

.ingredient-detail__carousel .product-carousel {
  margin: 0 calc(50% - 50vw);
}

@media all and (min-width: 769px) {
  .ingredient-detail__wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.ingredient-detail__carousel .product-carousel__slider-tile--centered {
  margin: 0;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .ingredient-detail__carousel .product-carousel__slider-tile--centered:first-child:nth-last-child(1) {
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}

.ingredient-detail__carousel .product-carousel__title {
  font-size: 30px;
}
@media all and (min-width: 769px) {
  .ingredient-detail__carousel .product-carousel__title {
    font-size: 55px;
  }
}

.ingredient-detail__carousel .product-carousel__slider {
  padding: 0 20px;
}
@media all and (min-width: 769px) {
  .ingredient-detail__carousel .product-carousel__slider {
    padding: 0 78px;
  }
}

.ingredient-detail__bottom-buttons {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 55px;
  margin-top: 50px;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-detail__bottom-buttons {
    margin-bottom: 65px;
    margin-top: 55px;
  }
}

.ingredient-detail__bottom-button {
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-detail__bottom-button {
    min-width: 375px;
    width: auto;
  }
}

.ingredient-detail__references {
  display: block;
  font-size: 20px;
  line-height: 1.2;
  margin-bottom: 20px;
  width: 100%;
}
.ingredient-detail__references a {
  color: #30397a;
  text-decoration: underline;
}
@media not all and (pointer: coarse) {
  .ingredient-detail__references:hover a:hover {
    text-decoration: none;
  }
}
@media all and (min-width: 769px) {
  .ingredient-detail__references {
    margin-bottom: 40px;
  }
}

.ingredient-detail__bottom-title {
  font-size: 20px;
  line-height: 1.2;
  margin: 0 0 35px;
}
@media all and (min-width: 769px) {
  .ingredient-detail__bottom-title {
    font-size: 30px;
  }
}

.ingredient-detail__rating {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 14px;
  line-height: 1;
}
@media all and (min-width: 769px) {
  .ingredient-detail__rating {
    font-size: 20px;
  }
}

.ingredient-detail__rating-button {
  background: none;
  color: #D5D8DC;
  font-size: 12px;
  height: 12px;
  line-height: 1;
  margin: 0 0 0 7px;
  outline: none;
  padding: 0;
  position: relative;
}
@media all and (min-width: 769px) {
  .ingredient-detail__rating-button {
    font-size: 16px;
    height: 16px;
  }
}

.back-container__link::before, .account-wrapper .account__content-page-detail .form-error span::before, .account-wrapper .field-wrapper.valid:after, .checkout-wrapper .field-wrapper.valid:after, .footer-ie-popup .primary-logo a:before, .main-footer__top-logo::before, .header__logo::before, .menu-detail-title .menu-back:before, .main-menu-categories > li > a:after, .ingredient-detail-popup__read-more-btn::before, .read-more:after, .scroll-top:after, input[type=checkbox] + label:after, .check-list li::before, .valid .field-password__button::before, .valid-icon:before, .summary .order-promotions li:before, .order-totals-table .order-promotions td li:before, .video-button:not(.hide-icon):after, .fa {
  font-family: "icomoon" !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.fa-paulas-choice-logo:before, .fa-pinterest:before, .fa-comment:before, .fa-search:before, .fa-instagram:before, .fa-twitter:before, .fa-youtube:before, .fa-youtube-play:before, .fa-facebook:before, .fa-close:before, .fa-remove:before, .fa-times:before, .fa-user:before {
  color: #71605f;
}

.fa-logo-paulaschoice-stacked:before {
  content: "\e900";
}

.fa-paulas-choice-new-logo:before {
  content: "\e902";
}

.fa-klarna-logo:before {
  content: "\e903";
}

.fa-calendar:before {
  content: "\e904";
}

.fa-clock:before {
  content: "\e905";
}

.fa-savepay:before {
  content: "\e906";
}

.fa-play-circle:before {
  content: "\e907";
}

.fa-menu:before {
  content: "\e908";
}

.fa-paulas-choice-logo:before {
  content: "\e909";
}

.fa-info:before {
  content: "\e90a";
}

.fa-empty-star:before {
  content: "\e90b";
}

.fa-chat-user:before {
  content: "\e90c";
}

.fa-faq:before {
  content: "\e90d";
}

.fa-shopping-cart:before {
  content: "\e90e";
}

.fa-double-tap:before {
  content: "\e90f";
}

.fa-chevron-down:before {
  content: "\e910";
}

.fa-undo:before {
  content: "\e911";
}

.fa-eyedropper:before {
  content: "\e912";
}

.fa-chevron-left:before {
  content: "\e913";
}

.fa-mail:before {
  content: "\e914";
}

.fa-chevron-right:before {
  content: "\e915";
}

.fa-chevron-up:before {
  content: "\e916";
}

.fa-star:before {
  content: "\e917";
}

.fa-star-empty:before {
  content: "\e918";
}

.fa-info-circle:before {
  content: "\e919";
}

.fa-star-half:before {
  content: "\e91a";
}

.fa-youtube-play2:before {
  content: "\e91b";
}

.fa-pinterest:before {
  content: "\e91c";
}

.fa-comment:before {
  content: "\e91d";
}

.fa-search:before {
  content: "\e91e";
}

.fa-instagram:before {
  content: "\e91f";
}

.fa-twitter:before {
  content: "\e920";
}

.fa-youtube:before {
  content: "\e921";
}

.fa-facebook:before {
  content: "\e922";
}

.fa-close:before {
  content: "\e923";
}

.fa-remove:before {
  content: "\e923";
}

.fa-user:before {
  content: "\e924";
}

.fa-send:before {
  content: "\e925";
}

.fa-check:before {
  content: "\e926";
}

.fa-minus:before {
  content: "\e927";
}

.fa-plus:before {
  content: "\e928";
}

.fa-pf-bank-transfer:before {
  content: "\e929";
}

.fa-pf-ideal:before {
  content: "\e92a";
}

.fa-pf-mastercard:before {
  content: "\e92b";
}

.fa-pf-paypal:before {
  content: "\e92c";
}

.fa-pf-sofort:before {
  content: "\e92d";
}

.fa-pf-visa:before {
  content: "\e92e";
}

.fa-pf-bancontact-mister-cash:before {
  content: "\e92f";
}

.fa-heart--inactive:before {
  content: "\e930";
}

.fa-heart--active:before {
  content: "\e931";
}

/*
Animated checkmark icon
To animate, add .animate class to js-success-checkmark
*/
.success-checkmark {
  width: 80px;
  height: 115px;
}
.success-checkmark.animate .check-icon {
  display: block;
}
.success-checkmark .check-icon {
  width: 80px;
  height: 80px;
  position: relative;
  border-radius: 50%;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 4px solid #00b451;
}
.success-checkmark .check-icon::before {
  top: 3px;
  left: -2px;
  width: 30px;
  -webkit-transform-origin: 100% 50%;
          transform-origin: 100% 50%;
  border-radius: 100px 0 0 100px;
}
.success-checkmark .check-icon::after {
  top: 0;
  left: 30px;
  width: 60px;
  -webkit-transform-origin: 0 50%;
          transform-origin: 0 50%;
  border-radius: 0 100px 100px 0;
  -webkit-animation: rotate-circle 4.25s ease-in;
          animation: rotate-circle 4.25s ease-in;
}
.success-checkmark .check-icon::before, .success-checkmark .check-icon::after {
  content: "";
  height: 100px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
.success-checkmark .check-icon .icon-line {
  height: 5px;
  background-color: #00b451;
  display: block;
  border-radius: 2px;
  position: absolute;
  z-index: 10;
}
.success-checkmark .check-icon .icon-line.line-tip {
  top: 46px;
  left: 14px;
  width: 25px;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  -webkit-animation: icon-line-tip 0.75s;
          animation: icon-line-tip 0.75s;
}
.success-checkmark .check-icon .icon-line.line-long {
  top: 38px;
  right: 8px;
  width: 47px;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  -webkit-animation: icon-line-long 0.75s;
          animation: icon-line-long 0.75s;
}
.success-checkmark .check-icon .icon-circle {
  top: -4px;
  left: -4px;
  z-index: 10;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  border: 4px solid rgba(0, 180, 81, 0.5);
}
.success-checkmark .check-icon .icon-fix {
  top: 8px;
  width: 5px;
  left: 26px;
  z-index: 1;
  height: 85px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

@keyframes rotate-circle {
  0% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  5% {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
  }
  12% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
  100% {
    -webkit-transform: rotate(-405deg);
            transform: rotate(-405deg);
  }
}
@keyframes icon-line-tip {
  0% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  54% {
    width: 0;
    left: 1px;
    top: 19px;
  }
  70% {
    width: 50px;
    left: -8px;
    top: 37px;
  }
  84% {
    width: 17px;
    left: 21px;
    top: 48px;
  }
  100% {
    width: 25px;
    left: 14px;
    top: 45px;
  }
}
@keyframes icon-line-long {
  0% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  65% {
    width: 0;
    right: 46px;
    top: 54px;
  }
  84% {
    width: 55px;
    right: 0;
    top: 35px;
  }
  100% {
    width: 47px;
    right: 8px;
    top: 38px;
  }
}
.rating-0 {
  color: #000000;
}

.rating-1 {
  color: #8C244D;
}

.rating-2 {
  color: #E2967F;
}

.rating-3 {
  color: #CEAEA1;
}

.rating-4 {
  color: #339999;
}

.rating-5 {
  color: #0065B7;
}

.rating-99 {
  color: #898A8D;
}

.page-ingredientschecker .rating-info__text.unknown {
  display: block;
}

.ingredient-checker__header {
  display: block;
  position: relative;
  width: 100%;
}

.ingredient-checker__hero {
  position: relative;
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  right: 50%;
  width: 100vw;
  overflow: hidden;
}

@media all and (min-width: 769px) {
  .ingredient-checker-landing__content {
    background-color: #ffffff;
    position: relative;
    max-width: 1270px;
    margin: 0 auto;
    width: 100%;
    top: -75px;
    padding: 65px 115px;
  }
}
@media all and (min-width: 1025px) {
  .ingredient-checker-landing__content {
    top: -170px;
  }
}

@media all and (min-width: 769px) {
  .ingredient-checker-landing__content-container {
    width: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    gap: 16px;
  }
}

.ingredient-checker-landing__content .content-container {
  padding: 0 20px;
}

.ingredient-checker__breadcrumb-wrapper {
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.ingredient-checker__breadcrumb-container {
  display: block;
  margin: 0 auto;
  max-width: 1270px;
  padding: 30px 20px 20px;
  position: relative;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-checker__breadcrumb-container {
    padding: 24px 115px;
  }
}

.ingredient-checker__button {
  font-size: 16px;
  display: block;
  margin: 0 auto;
  min-width: 240px;
  padding: 15px;
  font-weight: 400;
}
@media all and (min-width: 769px) {
  .ingredient-checker__button {
    margin: unset;
    min-width: unset;
  }
}

.ingredient-checker__breadcrumbs {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}

.ingredient-checker__breadcrumb,
.ingredient-checker__breadcrumb-link {
  color: #979797;
}

.ingredient-checker__breadcrumb:not(:last-child)::after {
  content: " / ";
  display: inline-block;
  padding-right: 5px;
}
.ingredient-checker__breadcrumb:last-child, .ingredient-checker__breadcrumb:last-child .ingredient-checker__breadcrumb-link, .ingredient-checker__breadcrumb:nth-last-child(2)::after {
  color: #333133;
}

.ingredient-checker__breadcrumb-link {
  text-decoration: none;
}
@media not all and (pointer: coarse) {
  .ingredient-checker__breadcrumb-link:hover {
    opacity: 0.8;
  }
}

.ingredient-list-checker__title,
.ingredient-image-analyzer__title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  margin-bottom: 10px;
}
@media all and (min-width: 769px) {
  .ingredient-list-checker__title,
  .ingredient-image-analyzer__title {
    font-size: 24px;
    margin-bottom: 1px;
  }
}

@media all and (min-width: 769px) {
  .ingredient-image-analyzer__title {
    margin-bottom: 9px;
  }
}

.ingredient-list-checker__text,
.ingredient-image-analyzer__text {
  margin-top: 0;
}

.ingredient-list-checker__textbox {
  border-color: #959498;
  border-radius: 4px;
  display: block;
  margin-bottom: 0;
  width: 100%;
}

.ingredient-checker__image {
  height: 100%;
  max-height: 350px;
  min-height: 110px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

.ingredient-checker-rte__title {
  font-size: 30px;
  line-height: 1;
  font-weight: 700;
  margin-top: 20px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-rte__title {
    font-size: 55px;
    margin-top: 0;
  }
}

.ingredient-checker-rte__text p {
  font-size: 16px;
  font-weight: 400;
  line-height: 1;
  color: #959498;
  margin: 10px 0 40px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-rte__text p {
    font-size: 30px;
    font-weight: 600;
    margin: 21px 0 50px;
  }
}

.ingredient-image-analyzer {
  margin: 24px 0 0;
}
@media all and (min-width: 769px) {
  .ingredient-image-analyzer {
    margin-top: 60px;
  }
}

.ingredient-research {
  background-color: rgba(215, 196, 183, 0.3);
  padding: 40px 20px;
  margin-top: 30px;
}
@media all and (min-width: 769px) {
  .ingredient-research {
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    margin-top: 0;
    max-width: 320px;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    padding: 40px 30px;
  }
}

.ingredient-research__image {
  width: 100%;
}

.ingredient-research__title {
  font-weight: 600;
  font-size: 20px;
  letter-spacing: normal;
}
@media all and (min-width: 769px) {
  .ingredient-research__title {
    font-size: 24px;
  }
}

.ingredient-research__link {
  color: #5D7E95;
  display: inline-block;
  text-decoration: none;
}
.ingredient-research__link::after {
  content: ">>";
}
@media all and (min-width: 769px) {
  .ingredient-research__link {
    margin-top: 69px;
  }
}

.ingredient-list-checker__checkbox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 20px 0 14px;
  text-align: center;
  width: 100%;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.ingredient-list-checker__checkbox input[type=checkbox] + label {
  line-height: 20px;
  margin-bottom: 0;
  padding-top: 0;
}
.ingredient-list-checker__checkbox input[type=checkbox] + label::after {
  top: 2px;
  left: 2px;
}
@media all and (min-width: 769px) {
  .ingredient-list-checker__checkbox {
    padding-top: 14px;
    text-align: left;
  }
}

.ingredient-list-checker__checkbox-label {
  font-size: 14px;
}
@media all and (min-width: 769px) {
  .ingredient-list-checker__checkbox-label {
    font-size: 15px;
  }
}

.ingredient-list-checker__textbox-msg {
  display: none;
  background-color: #faeded;
  width: 100%;
}

.ingredient-list-checker__field--error .ingredient-list-checker__textbox {
  border-color: #990000;
}
.ingredient-list-checker__field--error .ingredient-list-checker__textbox-msg {
  display: block;
}

.ingredient-checker-results {
  background-color: rgba(215, 196, 183, 0.1);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  min-height: 100vh;
  position: relative;
  width: 100%;
}

.ingredient-checker-results__findAlternatives {
  background-color: rgba(215, 196, 183, 0.4);
  padding: 40px 35px;
}
.ingredient-checker-results__findAlternatives-popupopen {
  border: 2px solid #323132;
  border-radius: 4px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  padding: 10px;
  font-weight: 400;
  font-size: 14px;
}
.ingredient-checker-results__findAlternatives-title {
  margin-bottom: 20px;
  font-size: 17px;
}

.ingredient-checker-results__header {
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  display: block;
  width: 100%;
  position: relative;
}

.ingredient-checker-results__header-hero {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.ingredient-checker-results__header-hero-img {
  display: block;
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
  min-height: 110px;
}

.ingredient-checker-results__header-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 26px 0;
  position: relative;
  z-index: 1;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__header-container {
    padding-top: 24px;
    padding-bottom: 47px;
  }
}

.ingredient-checker-results__breadcrumb-container {
  display: block;
  max-width: 1180px;
  padding: 0 20px;
  position: relative;
  width: 100%;
}

.ingredient-checker-results__header-content {
  padding: 26px 10px 0;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__header-content {
    padding-top: 43px;
  }
}

.ingredient-checker-results__header-content-actions {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin-bottom: 25px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__header-content-actions {
    margin-bottom: 27px;
  }
}

.ingredient-checker-results__header-cta {
  border-width: 1px;
  font-size: 14px;
  line-height: 1;
  padding-bottom: 10px;
  padding-top: 11px;
  text-transform: none;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__header-cta {
    font-size: 16px;
    padding-bottom: 14px;
    padding-top: 15px;
  }
}

.ingredient-checker-results__header-title {
  font-size: 30px;
  font-weight: 700;
  line-height: 1;
  margin-bottom: 20px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__header-title {
    font-size: 55px;
  }
}

.ingredient-checker-results__header-info-text {
  display: block;
  font-size: 17px;
  line-height: 1.17;
  margin-bottom: 20px;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__header-info-text {
    font-size: 20px;
    line-height: 1.2;
  }
}

.ingredient-checker-results__header-info-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #5D7E95;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  margin: 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
.ingredient-checker-results__header-info-button .icon {
  color: #333133;
  font-size: 14px;
  margin-right: 10px;
}
@media not all and (pointer: coarse) {
  .ingredient-checker-results__header-info-button:hover {
    opacity: 0.8;
  }
}

.ingredient-checker-results__dialog-hidden {
  display: none;
}

div.ingredient-checker-results__dialog {
  padding: 58px 0 0;
}
div.ingredient-checker-results__dialog .ui-dialog-content {
  border-top: 1px solid #D5D8DC;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 16px;
  line-height: 1.25;
  padding: 20px;
  width: 100%;
}
div.ingredient-checker-results__dialog .ui-dialog-titlebar-close {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  right: 5px;
  top: 5px;
}
div.ingredient-checker-results__dialog .ui-dialog-titlebar-close::before {
  font-size: 25px;
}
div.ingredient-checker-results__dialog h2,
div.ingredient-checker-results__dialog .ingredient-checker-results__dialog-title {
  color: #333133;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0;
  line-height: 1.5;
  margin: 0 0 20px;
}
div.ingredient-checker-results__dialog ul li,
div.ingredient-checker-results__dialog .ingredient-checker-results__dialog-list li {
  list-style: disc;
}
div.ingredient-checker-results__dialog .ingredient-checker-results__dialog-text {
  display: block;
  position: relative;
  width: 100%;
}
div.ingredient-checker-results__dialog .ingredient-checker-results__dialog-text p {
  color: #333133;
  font-size: 16px;
  line-height: 1.25;
}
div.ingredient-checker-results__dialog .ingredient-checker-results__dialog-text p + div.ingredient-checker-results__dialog .ingredient-checker-results__dialog-text p {
  margin-top: 20px;
}
div.ingredient-checker-results__dialog button,
div.ingredient-checker-results__dialog .button {
  margin-top: 20px;
}
div.ingredient-checker-results__dialog .ingredient-checker-results__dialog-hidden {
  display: block;
}
@media all and (min-width: 769px) {
  div.ingredient-checker-results__dialog {
    padding-top: 98px;
  }
  div.ingredient-checker-results__dialog .ui-dialog-titlebar-close {
    right: 35px;
    top: 25px;
  }
  div.ingredient-checker-results__dialog .ui-dialog-titlebar-close::before {
    font-size: 33px;
  }
  div.ingredient-checker-results__dialog h2,
  div.ingredient-checker-results__dialog .ingredient-checker-results__dialog-title {
    font-size: 30px;
    line-height: 1;
    margin-bottom: 26px;
  }
}

.ingredient-checker-results__dialog-popup-small {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 600px;
      -ms-flex: 0 1 600px;
          flex: 0 1 600px;
  max-width: 600px;
  padding: 20px 0;
  width: 100%;
}

.ingredient-checker-results__dialog-button--long {
  width: 100%;
}

.ingredient-checker-results__dialog--center .ui-dialog-content {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.ingredient-checker-results__dialog--center .ingredient-checker-results__dialog-popup-small {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ingredient-checker-results__main {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
  padding: 19px 0;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__main {
    padding: 40px 0;
  }
}

.ingredient-checker-results__container {
  display: block;
  margin: 0 auto;
  max-width: 680px;
  padding: 0 10px;
  width: 100%;
}

.ingredient-checker-results__main-block {
  background-color: #ffffff;
  display: block;
  width: 100%;
}

.ingredient-checker-results__quick-look-container {
  display: block;
  position: relative;
  padding: 10px;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__quick-look-container {
    padding: 33px 40px 0;
  }
}

.ingredient-checker-results__quick-look-container-top {
  display: grid;
  grid-template-areas: "quick-look-title quick-look-title" "quick-look-pie quick-look-list";
  grid-template-columns: minmax(0, 60%) minmax(0, 40%);
  margin-bottom: 35px;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__quick-look-container-top {
    grid-template-areas: "quick-look-pie quick-look-title" "quick-look-pie quick-look-list";
  }
}

.ingredient-checker-results__quick-look-title-container {
  display: block;
  grid-area: quick-look-title;
  margin-bottom: 18px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__quick-look-title-container {
    margin-bottom: 20px;
    padding-left: 40px;
  }
}

.ingredient-checker-results__quick-look-title {
  color: #333133;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.4;
  margin: 0 0 4px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__quick-look-title {
    font-size: 24px;
  }
}

.ingredient-checker-results__quick-look-text {
  font-size: 16px;
  line-height: 1.16;
  margin: 0;
}

.ingredient-checker-results__quick-look-pie-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-area: quick-look-pie;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__quick-look-pie-container {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
  }
}

.ingredient-checker-results__quick-look-list-container {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  grid-area: quick-look-list;
  padding-left: 10px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__quick-look-list-container {
    padding-left: 40px;
  }
}

.ingredient-checker-results__quick-look-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.ingredient-checker-results__quick-look-list-button {
  -webkit-box-align: baseline;
  -webkit-align-items: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  display: grid;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 17px;
  grid-template-columns: minmax(20px, 35px) 1fr;
  line-height: 1;
  margin: 0 0 20px;
  opacity: 1;
  outline: none;
  padding: 0;
  text-align: left;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__quick-look-list-button {
    font-size: 20px;
    margin-bottom: 24px;
  }
}
@media not all and (pointer: coarse) {
  .ingredient-checker-results__quick-look-list-button:hover {
    opacity: 0.8;
  }
}

.ingredient-checker-results__quick-look-list-number {
  margin-right: 17px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__quick-look-list-number {
    margin-right: 18px;
  }
}

.ingredient-checker-results__quick-look-list-grade {
  color: #5D7E95;
  font-size: 14px;
  text-transform: capitalize;
}

.ingredient-checker-results__quick-look-container-bottom {
  display: block;
  padding: 15px 0;
  width: 100%;
  border-top: 1px solid #D5D8DC;
}

.ingredient-checker-results__quick-look-trigger {
  color: #5D7E95;
  font-size: 14px;
  line-height: 1.42;
  margin: 0;
  opacity: 1;
  text-decoration: none;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
}
@media not all and (pointer: coarse) {
  .ingredient-checker-results__quick-look-trigger:hover {
    opacity: 0.8;
  }
}

.ingredient-checker-results__quick-look-pie-svg {
  display: block;
  height: 100%;
  width: 100%;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.ingredient-checker-results__quick-look-pie-svg-line {
  --angle: 0deg;
  stroke-width: 2;
  stroke: #ffffff;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: rotate(var(--angle));
          transform: rotate(var(--angle));
}

.ingredient-checker-results__ingredient-list-section,
.ingredient-checker-results__ingredient-list-block {
  display: block;
  position: relative;
  width: 100%;
}

.ingredient-checker-results__ingredient-list-section-header {
  display: block;
  position: relative;
  width: 100%;
  padding: 20px 10px 9px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-section-header {
    padding: 20px 40px;
  }
}

.ingredient-checker-results__ingredient-list-section-header-title {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.3;
  margin: 0 0 14px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-section-header-title {
    font-size: 30px;
    line-height: 1;
  }
}

.ingredient-checker-results__ingredient-list-section-header-description {
  font-size: 16px;
  line-height: 1.18;
  margin: 0;
}

.ingredient-checker-results__ingredient-list-header {
  display: block;
  position: relative;
  width: 100%;
  padding: 10px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-header {
    padding: 30px 40px 20px;
  }
}

.ingredient-checker-results__ingredient-list-header-title {
  display: block;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  margin: 0 0 16px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-header-title {
    font-size: 20px;
  }
}

.ingredient-checker-results__ingredient-list-header-description {
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

.ingredient-checker-results__ingredient-list-title {
  display: block;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.42;
  margin: 0 0 10px;
  padding: 0 10px;
  text-transform: none;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-title {
    padding: 0 40px;
  }
}

.ingredient-checker-results__ingredient-list-filters {
  display: block;
  position: relative;
  width: 100%;
  padding: 0 10px;
  margin-bottom: 25px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-filters {
    padding: 0 40px;
    margin-bottom: 41px;
  }
}

.ingredient-checker-results__ingredient-list-filters-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}

.ingredient-checker-results__ingredient-list-filters-list-item {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-bottom: 10px;
}
.ingredient-checker-results__ingredient-list-filters-list-item:not(:last-child) {
  margin-right: 10px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-filters-list-item {
    margin-bottom: 7px;
  }
  .ingredient-checker-results__ingredient-list-filters-list-item:not(:last-child) {
    margin-right: 7px;
  }
}

.ingredient-checker-results__ingredient-list-filters-button {
  cursor: default;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 14px;
  line-height: 1;
  padding: 9px 14px 8px;
  pointer-events: none;
  text-transform: none;
}
.ingredient-checker-results__ingredient-list-filters-button.secondary {
  cursor: pointer;
  pointer-events: all;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-filters-button {
    font-size: 16px;
    padding: 10px 12px 9px;
  }
}

.ingredient-checker-results__ingredient-list-wrapper {
  display: block;
  width: 100%;
  position: relative;
}

.ingredient-checker-results__ingredient-list {
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.ingredient-checker-results__ingredient-list[data-filter=ingredient-function] > .ingredient-checker-results__ingredient-list-item, .ingredient-checker-results__ingredient-list[data-filter=ingredient-benefits] > .ingredient-checker-results__ingredient-list-item {
  display: none;
}

.ingredient-checker-results__ingredient-list-button-rating {
  display: block;
  font-size: 14px;
  letter-spacing: 0.35px;
  line-height: 1;
  margin-top: 10px;
  text-transform: uppercase;
}

.ingredient-checker-results__ingredient-list-button-benefits {
  display: none;
  font-size: 14px;
  font-weight: 400;
  line-height: 1;
  margin-top: 10px;
}

.ingredient-checker-results__ingredient-list-group {
  --bgColor: #333133;
  color: #ffffff;
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  width: 100%;
}
.ingredient-checker-results__ingredient-list-group::before {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: var(--bgColor);
  color: inherit;
  content: attr(data-name);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 20px;
  font-weight: 700;
  height: 70px;
  line-height: 1;
  padding: 0 40px;
  text-transform: capitalize;
}
.ingredient-checker-results__ingredient-list-group::after {
  background-color: rgba(215, 196, 183, 0.1);
  content: "";
  display: block;
  height: 20px;
  width: 100%;
}
.ingredient-checker-results__ingredient-list-group:last-child,
.ingredient-checker-results__ingredient-list-group .ingredient-checker-results__ingredient-list-item:last-child {
  border-bottom: 0;
}
.ingredient-checker-results__ingredient-list-group.ingredient-rating .ingredient-checker-results__ingredient-list-button-rating {
  display: none;
}
.ingredient-checker-results__ingredient-list-group.ingredient-rating .ingredient-checker-results__ingredient-list-button-benefits {
  display: block;
}
.ingredient-checker-results__ingredient-list-group.ingredient-function, .ingredient-checker-results__ingredient-list-group.ingredient-benefits {
  color: #333133;
}
.ingredient-checker-results__ingredient-list-group.ingredient-function::before, .ingredient-checker-results__ingredient-list-group.ingredient-benefits::before {
  background-color: #F5EBDF;
}

.ingredient-checker-results__ingredient-list-item {
  border-bottom: 1px solid #c2c2c2;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 11px 10px;
  position: relative;
  width: 100%;
}

.ingredient-checker-results__ingredient-list-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333133;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 600;
  padding: 10px 20px;
  text-align: left;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-button {
    padding-left: 30px;
    padding-right: 30px;
  }
}

.ingredient-checker-results__ingredient-list-button-icon {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ingredient-checker-results__ingredient-list-button--unknown {
  pointer-events: none;
}
.ingredient-checker-results__ingredient-list-button--unknown .icon-chevron {
  display: none;
}

.ingredient-checker-results__ingredient-list-button-text,
.ingredient-checker-results__ingredient-list-match-text {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 20px;
  width: 100%;
}

.ingredient-checker-results__ingredient-list-button-ingredient {
  display: block;
  font-size: 16px;
  line-height: 1;
}

.ingredient-checker-results__ingredient-list-matches {
  display: block;
  margin-top: 5px;
  position: relative;
  width: 100%;
}

.ingredient-checker-results__ingredient-list-match {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: 4px;
  border: 1px solid #57575c;
  color: #333133;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 14px;
  font-weight: 400;
  opacity: 1;
  padding: 15px 20px;
  text-align: left;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  width: 100%;
}
.ingredient-checker-results__ingredient-list-match::before, .ingredient-checker-results__ingredient-list-match::after {
  border-color: transparent transparent #57575c transparent;
  border-style: solid;
  border-width: 0 7.5px 12px;
  bottom: 100%;
  clear: both;
  content: "";
  height: 0;
  left: 32px;
  margin-bottom: -1px;
  position: absolute;
  width: 0;
}
.ingredient-checker-results__ingredient-list-match::after {
  border-color: transparent transparent #ffffff transparent;
  border-width: 0 6.5px 10px;
  left: 33px;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__ingredient-list-match {
    padding-left: 30px;
    padding-right: 30px;
  }
}
@media not all and (pointer: coarse) {
  .ingredient-checker-results__ingredient-list-match:hover {
    opacity: 0.8;
  }
}

.ingredient-checker-results__ingredient-list-match-label {
  display: block;
}

.ingredient-checker-results__ingredient-list-match-edit {
  font-size: 13px;
}

.ingredient-checker-results__share-section {
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 21px 0;
  padding: 52px 40px 70px;
  position: relative;
  width: 100%;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__share-section {
    background-color: transparent;
    margin: 0;
    padding: 30px 20px;
  }
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__share-section {
    padding: 60px 56px;
  }
}

.ingredient-checker-results__share {
  display: block;
  margin: 0 auto;
  max-width: 497px;
  width: 100%;
}

.ingredient-checker-results__share-title {
  display: block;
  font-size: 23px;
  font-weight: 400;
  letter-spacing: normal;
  line-height: 1;
  margin: 0 0 4px;
  text-decoration: none;
  text-transform: none;
}
@media all and (min-width: 769px) {
  .ingredient-checker-results__share-title {
    font-size: 24px;
    font-weight: 700;
  }
}

.ingredient-checker-results__share-text {
  display: block;
  font-size: 15px;
  line-height: 1.26;
  margin: 0 0 26px;
}

.ingredient-checker-results__share-form {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 49px;
  position: relative;
  width: 100%;
}

input[type=text].ingredient-checker-results__share-input {
  background-color: #ffffff;
  border: 1px solid #959498;
  color: #333133;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  height: 49px;
  line-height: 49px;
  width: 100%;
}

button.ingredient-checker-results__share-button {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 16px;
  font-weight: 400;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  letter-spacing: 0.35px;
  line-height: 1;
  margin-left: 5px;
}

.ingredient-popup__description {
  margin-bottom: 22px;
}

.ingredient-popup__button {
  font-size: 16px;
  font-weight: 400;
  margin-top: 23px;
  padding: 15px 46px;
}

.ingredient-popup__btn--close {
  display: block;
  font-size: 16px;
  font-weight: 400;
  margin: 15px auto 0;
}

.ingredient-popup__close {
  display: block;
  margin-left: auto;
  padding: 30px 30px 20px;
}
.ingredient-popup__close .icon {
  color: #333133;
  font-size: 27px;
}

.ingredient-popup__form fieldset {
  text-align: center;
}

.ingredient-checker-results__jar-image {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 20px;
  width: 100%;
}
.ingredient-checker-results__jar-image img {
  display: block;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  max-width: 100%;
  width: auto;
}

@media screen and (max-width: 768px) {
  .ingredient-image-analyzer__upload {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.ingredient-image-analyzer__upload .ingredient-checker__button,
.ingredient-image-inner .ingredient-checker__button {
  display: inline-block;
}
.ingredient-image-analyzer__upload .upload-file,
.ingredient-image-inner .upload-file {
  display: none;
}

.ingredient-image-analyzer__error {
  display: none;
  margin-top: 20px;
  color: #E75025;
}
.has-error .ingredient-image-analyzer__error {
  display: block;
}

.ingredient-image-inner {
  padding: 60px 40px 40px;
  border: 1px solid;
  background-color: #ffffff;
  max-width: 800px;
  width: 100%;
  position: relative;
}
@media screen and (max-width: 768px) {
  .ingredient-image-inner {
    padding: 55px 15px 15px;
    max-height: 90vh;
    max-width: 90vw;
  }
}
@media screen and (max-width: 768px) {
  .ingredient-image-inner .cropper-point {
    height: 15px;
    width: 15px;
  }
}

.ingredient-image-popup {
  display: none;
}
.ingredients-popup-visible .ingredient-image-popup {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 210;
  width: 100vw;
  height: 100vh;
}
.ingredients-popup-visible .ingredient-image-popup::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
}
.ingredient-image-popup .image_container {
  max-height: 60vh;
  position: relative;
}
.ingredient-image-popup .image_container img {
  width: 100%;
  display: block;
}
@media screen and (max-width: 768px) {
  .ingredient-image-popup .image_container img {
    max-height: 90vh;
    max-width: 90vw;
  }
}
.ingredient-image-popup .close-toggle {
  font-size: 17px;
  line-height: 17px;
  position: absolute;
  right: 20px;
  top: 20px;
}

.ingredient-list-checker__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .ingredient-list-checker__buttons {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}
.ingredient-list-checker__buttons .button {
  font-size: 16px;
}

@media screen and (max-width: 768px) {
  .ingredient-list-checker__info {
    display: none;
  }
}

.ingredient-detail-popup {
  background: #ffffff;
  height: 100% !important;
  overflow-y: auto;
}
@media all and (min-width: 769px) {
  .ingredient-detail-popup {
    max-width: 840px;
  }
}
.ingredient-detail-popup .ui-widget-header {
  height: 80px;
  border-bottom: 1px solid #D5D8DC;
}

@media all and (min-width: 321px) and (max-width: 768px) {
  .ingredient-detail-popup.ui-dialog {
    padding: 20px;
  }
}

.ingredient-detail-popup .ui-widget-content {
  margin-top: 80px;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .ingredient-detail-popup .ui-widget-content {
    margin-top: 80px;
  }
}

.ingredient-detail-popup__rating {
  font-size: 20px;
  margin-bottom: 10px;
  display: block;
}

.ingredient-detail-popup__heading {
  text-transform: uppercase;
  font-weight: 700;
}

.ingredient-detail-popup__related-products .product-name,
.ingredient-detail-popup__related-products .h2 {
  letter-spacing: normal;
}

.ingredient-detail-popup__related-products-slider {
  margin-top: 20px;
}

@media all and (min-width: 769px) {
  .ingredient-detail-popup__related-products-wrapper {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.ingredient-detail-popup__related-products-wrapper .product-tile {
  margin: unset;
}

.ingredient-detail-popup__main-title {
  font-size: 24px;
  line-height: 1.2;
  margin: 0 0 20px;
  text-transform: none;
  word-wrap: break-word;
}

.ingredient-detail-popup__subtitle {
  font-size: 20px;
  font-weight: 600;
}

.ingredient-detail-popup__close {
  padding: 30px 30px 20px;
  border-bottom: 1px solid #D5D8DC;
}

.ingredient-detail-popup__read-more-btn {
  border-bottom: 1px solid #c2c2c2;
  border-top: 1px solid #c2c2c2;
  color: #333133;
  font-size: 14px;
  margin-bottom: 25px;
  padding: 20px 0;
  position: relative;
  white-space: none;
  width: 100%;
}
.ingredient-detail-popup__read-more-btn::before {
  content: "\e910";
  display: inline-block;
  font-size: inherit;
  color: inherit;
  margin-right: 12px;
}
@media all and (min-width: 1025px) {
  .ingredient-detail-popup__read-more-btn {
    margin-bottom: 20px;
  }
}

.ingredient-detail-popup__read-more-btn--active::before {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.ingredient-detail-popup__description {
  overflow-y: hidden;
  max-height: 0;
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}

.ingredient-detail-popup__description--show {
  max-height: 700vh;
}

.ingredient-detail-popup__see-also {
  font-size: 14px;
  margin: 0 0 20px;
}

.ingredient-detail-popup__references {
  margin: 0 0 20px;
}

.ingredient-detail-popup__related-products .product-skin,
.ingredient-detail-popup__related-products .product-plp-concerns {
  display: none;
}

.ingredient-detail-popup__related-products .product-tile .product-pricing .product-standard-price {
  font-size: 16px;
  font-weight: 600;
  color: #c2c2c2;
}

.ingredient-detail-popup__related-products .product-tile .product-pricing .product-sales-price {
  font-size: 16px;
  font-weight: 600;
}

.ingredient-detail-popup__list-item {
  word-break: break-all;
}

.password-strength {
  margin-bottom: 18px;
  position: relative;
}

.password-strength__meter {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 4px;
  margin-bottom: 7px;
}

.password-strength__heading {
  font-size: 12px;
  font-weight: normal;
  margin: 0 0 5px;
}

.password-strength__bar {
  background-color: #f9f9fb;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 20%;
      -ms-flex: 1 1 20%;
          flex: 1 1 20%;
  height: 13px;
  max-width: 20%;
}
.weak .password-strength__bar:nth-child(-n+2) {
  background-color: #f8485e;
}
.good .password-strength__bar:nth-child(-n+3) {
  background-color: #e1b121;
}
.better .password-strength__bar:nth-child(-n+4) {
  background-color: #e1b121;
}
.strong .password-strength__bar {
  background-color: #7dd44a;
}

.password-strength__value {
  display: none;
}

.weak .password-strength__value--weak {
  display: inline-block;
}

.good .password-strength__value--good, .better .password-strength__value--good {
  display: inline-block;
}

.strong .password-strength__value--strong {
  display: inline-block;
}

.password-strength__guide {
  background-color: #f9f9fb;
  border: 1px solid #57575c;
  padding: 5px 12px 15px;
}
@media all and (min-width: 1181px) {
  .password-strength__guide {
    position: absolute;
    top: -20px;
    right: -20px;
    -webkit-transform: translateX(100%);
            transform: translateX(100%);
  }
  .password-strength__guide::before, .password-strength__guide::after {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(-6px, -6px);
            transform: translate(-6px, -6px);
    width: 0;
    height: 0;
    border-top: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 5px solid #57575c;
  }
  .password-strength__guide::after {
    border-right-color: #f9f9fb;
    -webkit-transform: translate(-5px, -6px);
            transform: translate(-5px, -6px);
    z-index: 2;
  }
  .confirmation_account-form .password-strength__guide {
    position: static;
    -webkit-transform: none;
            transform: none;
  }
  .confirmation_account-form .password-strength__guide::before, .confirmation_account-form .password-strength__guide::after {
    content: none;
  }
}

.password-strength__guide-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.password-strength__guide-item {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #f8485e;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  gap: 17px;
  line-height: 1.218;
}
.password-strength__guide-item::before {
  content: "\ea09";
  font-family: "iconfont";
  font-size: 7px;
  text-align: center;
  width: 10px;
}

.has-length .password-strength__guide-item--length {
  color: #7dd44a;
}
.has-length .password-strength__guide-item--length::before {
  color: #5aa343;
  content: "\ea05";
  font-size: 9px;
}

.has-letter .password-strength__guide-item--letter {
  color: #7dd44a;
}
.has-letter .password-strength__guide-item--letter::before {
  color: #5aa343;
  content: "\ea05";
  font-size: 9px;
}

.has-uppercase .password-strength__guide-item--uppercase {
  color: #7dd44a;
}
.has-uppercase .password-strength__guide-item--uppercase::before {
  color: #5aa343;
  content: "\ea05";
  font-size: 9px;
}

.has-number .password-strength__guide-item--number {
  color: #7dd44a;
}
.has-number .password-strength__guide-item--number::before {
  color: #5aa343;
  content: "\ea05";
  font-size: 9px;
}

.has-symbol .password-strength__guide-item--symbol {
  color: #7dd44a;
}
.has-symbol .password-strength__guide-item--symbol::before {
  color: #5aa343;
  content: "\ea05";
  font-size: 9px;
}

.menu-utility-user {
  display: none;
  margin: 0;
  padding: 0;
}
@media all and (min-width: 1025px) {
  .menu-utility-user {
    display: block;
    position: absolute;
    right: 74px;
    top: 14px;
    height: 60px;
  }
}
@media all and (min-width: 1501px) {
  .menu-utility-user {
    right: 94px;
  }
}
.header--menu-open .menu-utility-user {
  display: block;
}
.menu-utility-user li {
  list-style: none;
  padding: 0;
}
@media all and (min-width: 1025px) {
  .menu-utility-user li {
    border: none;
    background-color: transparent;
    border-color: transparent;
    float: left;
    margin: 0;
  }
}
@media all and (min-width: 1025px) {
  .menu-utility-user li:first-child {
    border: none;
  }
}

.user-info__account {
  color: #333133;
  display: block;
  font-size: 18px;
  padding: 10px 0;
  text-decoration: none;
}
@media not all and (pointer: coarse) {
  .user-info__account:hover:hover {
    text-decoration: none;
  }
}
@media all and (min-width: 1025px) {
  .user-info__account {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    font-size: 21px;
    height: 60px;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0;
    text-align: center;
    width: 46px;
  }
}

.user-info__icon.icon {
  display: none;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
}
@media all and (min-width: 1025px) {
  .user-info__icon.icon {
    display: inline-block;
  }
}

.user-info__name {
  display: block;
  font-size: 18px;
  font-weight: bold;
}
@media all and (min-width: 1025px) {
  .user-info__name {
    display: none;
  }
}

.main-menu-open .page-content:before {
  content: "";
  background: rgba(0, 0, 0, 0.6);
  position: absolute;
  display: block;
  height: 100%;
  width: 100vw;
  top: 0;
  left: 0;
  overflow: hidden;
  z-index: 180;
}

.main-menu {
  display: none;
}
@media screen and (min-width: 768px) {
  .main-menu {
    display: block;
  }
}
.main-menu.active {
  background: rgba(0, 0, 0, 0.6);
  position: fixed;
  display: block;
  height: 100%;
  width: 100%;
  top: 0;
  overflow-y: scroll;
  z-index: 180;
}
@media screen and (min-width: 768px) {
  .main-menu.active {
    z-index: auto;
    position: relative;
    background: none;
    overflow: initial;
    height: auto;
  }
}
.main-menu dl {
  margin: 0;
  list-style: none;
}
.main-menu dd {
  padding: 0;
  margin: 0;
}
.main-menu .close-toggle {
  position: absolute;
  right: 12px;
  top: 12px;
}
.main-menu .close-toggle i:before {
  color: #ffffff;
  font-weight: bold;
}

.main-menu-tabs {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .main-menu-tabs {
    width: auto;
    left: 0;
    top: 0;
    grid-area: menu-tabs;
    height: 70px;
    border-bottom: none;
  }
}
@media screen and (max-width: 768px) {
  .main-menu-tabs.hide {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    margin-bottom: -56px;
  }
}
.main-menu-tabs li {
  cursor: pointer;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  width: 50%;
}
@media screen and (min-width: 768px) {
  .main-menu-tabs li {
    width: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
}
.main-menu-tabs a {
  display: block;
  padding: 16px 12px 12px;
  color: #333133;
  font-size: 16px;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .main-menu-tabs a {
    padding: 16px 24px 24px;
  }
}
@media screen and (min-width: 1180px) {
  .main-menu-tabs a {
    padding: 16px 30px 24px;
  }
}
.main-menu-tabs a:hover {
  text-decoration: none;
}
.main-menu-tabs a.active {
  border-bottom: 4px solid #333133;
  font-weight: bold;
  margin-bottom: -1px;
}
@media screen and (min-width: 768px) {
  .main-menu-tabs a.active {
    border: none;
    margin: 0;
    background: #f5f3f3;
  }
}

.main-menu-content {
  background: #ffffff;
  font-size: 16px;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .main-menu-content {
    width: calc(100% - 50px);
    min-height: 100%;
    overflow-y: scroll;
  }
}
@media screen and (min-width: 768px) {
  .main-menu-content {
    width: 100%;
    height: auto;
    display: grid;
    grid-template-columns: minmax(150px, 215px) 1fr minmax(auto, 230px);
    grid-template-rows: 64px 52px auto;
    grid-template-areas: "menu-tabs . ." "menu-categories menu-categories menu-categories" "menu-detail-highlights menu-details menu-support";
  }
}
@media screen and (min-width: 1180px) {
  .main-menu-content {
    grid-template-columns: auto 1fr 480px;
  }
}

.main-menu-categories {
  list-style: none;
  margin: 0;
  padding: 0;
  opacity: 0;
  line-height: 0;
  -webkit-transform: translate3D(-100%, 0, 0);
          transform: translate3D(-100%, 0, 0);
  position: absolute;
}
@media screen and (min-width: 768px) {
  .main-menu-categories {
    background: #f5f3f3;
    grid-area: menu-categories;
  }
}
.main-menu-categories.active {
  opacity: 1;
  -webkit-transform: translate3D(0, 0, 0);
          transform: translate3D(0, 0, 0);
  position: relative;
}
.main-menu-categories.active > li {
  opacity: 1;
}
.main-menu-categories > li {
  -webkit-transition: opacity 0.2s ease;
  transition: opacity 0.2s ease;
  opacity: 0;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}
@media screen and (min-width: 768px) {
  .main-menu-categories > li {
    cursor: pointer;
    display: inline-block;
    margin: 0;
    border-bottom: 0;
  }
}
.main-menu-categories > li > a {
  padding: 18px 12px;
  line-height: 1em;
  display: block;
  width: 100%;
  height: 100%;
  color: #333133;
  position: relative;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .main-menu-categories > li > a {
    padding: 16px 30px;
    border-bottom: 4px solid transparent;
    font-weight: bold;
  }
}
.main-menu-categories > li > a:hover {
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .main-menu-categories > li > a:hover {
    border-bottom: 4px solid rgba(0, 0, 0, 0.2);
  }
}
.main-menu-categories > li > a:after {
  content: "\e915";
  color: #333133;
  position: absolute;
  right: 24px;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .main-menu-categories > li > a:after {
    content: none;
    background: #f5f3f3;
  }
}
@media screen and (min-width: 768px) {
  .main-menu-categories > li > a.active {
    border-bottom: 4px solid #333133;
  }
}

.menu-suport-section {
  padding: 12px;
  display: none;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
@media screen and (min-width: 768px) {
  .menu-suport-section {
    padding-left: 24px;
    padding-top: 32px;
    grid-area: menu-support;
    justify-self: end;
    background: #ffffff;
  }
}

.menu-support {
  border-bottom: none;
  display: grid;
  -webkit-box-pack: start;
  -webkit-justify-content: start;
      -ms-flex-pack: start;
          justify-content: start;
  position: relative;
  grid-template-columns: 100%;
  grid-template-rows: auto auto auto;
  grid-template-areas: "support-header" "support-text" "support-image";
}
@media screen and (min-width: 1180px) {
  .menu-support {
    grid-template-columns: 144px auto;
    grid-template-rows: auto auto auto;
    grid-gap: 0 14px;
    grid-template-areas: "support-header support-header" "support-image support-text" "support-image support-text";
  }
}
.menu-support > * {
  -webkit-align-self: start;
      -ms-flex-item-align: start;
          align-self: start;
}
.menu-support h3 {
  font-size: 16px;
  line-height: 26px;
  margin-bottom: 8px;
  font-weight: bold;
  text-transform: uppercase;
}
.menu-support h4 {
  font-size: 16px;
  line-height: 26px;
  font-weight: 600;
  margin: 0;
}
.menu-support time {
  display: inline-block;
  margin-right: 4px;
  font-size: 12px;
  line-height: 16px;
  margin-bottom: 20px;
  margin-top: 6px;
}
.menu-support p {
  margin-top: 0;
}
.menu-support a {
  text-decoration: underline;
}
.menu-support a:hover {
  text-decoration: none;
}

.support-header {
  grid-area: support-header;
  width: 100%;
}
.support-header h3 {
  margin: 0 0 12px;
}

.support-text {
  grid-area: support-text;
  width: 100%;
}
.support-text > a {
  display: block;
}

.support-image {
  grid-area: support-image;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.support-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 50%;
}
@media screen and (min-width: 768px) {
  .support-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 122.2222222222%;
  }
}
.support-image img {
  max-height: 100%;
  max-width: 100%;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

.menu-contact-details {
  padding: 0;
  display: block;
  list-style: none;
  font-size: 16px;
  line-height: 24px;
}
.menu-contact-details time {
  font-size: 16px;
  line-height: 24px;
}
.menu-contact-details time:after {
  content: "";
  display: block;
  height: 0;
  width: 100%;
}
.menu-contact-details dt {
  display: inline;
}
.menu-contact-details dd {
  display: inline-block;
  margin: 0;
  position: relative;
}
.menu-contact-details dd:after {
  content: " ";
  display: block;
  height: 0;
  width: 200px;
}
.menu-contact-details dd a {
  color: #333133;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .menu-contact-details dd a {
    pointer-events: none;
  }
}

.menu-detail-title {
  font-size: 16px;
  font-weight: bold;
  padding: 16px 12px 12px;
  margin: 0;
  display: block;
  width: 100%;
  border-bottom: 4px solid #333133;
  text-align: center;
  position: relative;
  text-transform: none;
}
@media screen and (min-width: 768px) {
  .menu-detail-title {
    display: none;
  }
}
.menu-detail-title .menu-back {
  position: absolute;
  left: 0;
  cursor: pointer;
  width: 40px;
  height: 40px;
  display: block;
}
.menu-detail-title .menu-back:before {
  content: "\e913";
  color: #333133;
}

.menu-details-content {
  opacity: 0;
  height: 0;
  pointer-events: none;
}
@media screen and (min-width: 768px) {
  .menu-details-content {
    background: #ffffff;
    width: 100%;
    border-right: 1px solid rgba(0, 0, 0, 0.2);
    padding-right: 24px;
  }
}
@media screen and (min-width: 768px) {
  .menu-details-content {
    padding-right: 32px;
  }
}
.menu-details.active .menu-details-content {
  pointer-events: auto;
  opacity: 1;
  height: 100%;
}
@media screen and (min-width: 768px) {
  .menu-details-content dl {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .menu-details-content h3 {
    font-size: 16px;
    margin: 0 0 12px;
    text-transform: uppercase;
  }
}

.menu-details {
  opacity: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  height: 0;
  width: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.menu-details > * {
  display: none;
}
.menu-details.active {
  height: 100%;
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  position: relative;
  top: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .menu-details.active {
    grid-area: menu-details;
    position: relative;
    padding: 32px 0;
  }
}
@media screen and (min-width: 768px) {
  .expert-advice-active .menu-details.active {
    grid-column: 1/3;
    padding-left: 32px;
  }
}
.expert-advice-active .menu-details.active .shop-per {
  display: none;
}
.menu-details.active > * {
  display: block;
}
@media screen and (min-width: 768px) {
  .menu-details.active > * {
    width: 100%;
  }
}

.menu-detail-highlights {
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  display: none;
}
@media screen and (min-width: 768px) {
  .menu-detail-highlights {
    padding: 32px 24px 32px;
    grid-area: menu-detail-highlights;
  }
}
@media screen and (min-width: 1180px) {
  .menu-detail-highlights {
    padding: 32px 60px 32px 24px;
  }
}
.skin-care-active.active .menu-detail-highlights {
  display: block;
}
@media screen and (min-width: 768px) {
  .menu-detail-highlights div {
    padding-right: 24px;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
  }
}
.menu-detail-highlights h3 {
  display: none;
}
@media screen and (min-width: 768px) {
  .menu-detail-highlights h3 {
    display: block;
    font-size: 16px;
    margin: 0 0 12px;
    text-transform: uppercase;
  }
}
.menu-detail-highlights ul {
  background: #f5f3f3;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .menu-detail-highlights ul {
    background: #ffffff;
  }
}
.menu-detail-highlights li {
  padding: 18px 12px;
  border-bottom: 1px solid #333133;
}
@media screen and (min-width: 768px) {
  .menu-detail-highlights li {
    border-bottom: none;
    padding: 0 0 12px;
  }
}
.menu-detail-highlights li:first-of-type {
  border-top: 1px solid #333133;
}
@media screen and (min-width: 768px) {
  .menu-detail-highlights li:first-of-type {
    border-top: none;
  }
}
.menu-detail-highlights a {
  color: #333133;
  font-style: italic;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .menu-detail-highlights a {
    font-style: normal;
    font-weight: normal;
  }
}
.menu-detail-highlights a:hover {
  text-decoration: underline;
}
.menu-detail-highlights img {
  max-width: 100%;
}

@media screen and (min-width: 768px) {
  .menu-detail-links {
    position: relative;
    padding-top: 38px;
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}
@media screen and (min-width: 1180px) {
  .menu-detail-links {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}
.menu-detail-links h3 {
  display: none;
}
@media screen and (min-width: 768px) {
  .menu-detail-links h3 {
    display: block;
  }
}
.menu-detail-links a {
  color: #333133;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .menu-detail-links a {
    font-weight: normal;
  }
}
.menu-detail-links a:hover {
  text-decoration: underline;
}
.menu-detail-links dt {
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .menu-detail-links dt {
    position: absolute;
    top: 0;
  }
}
.menu-detail-links dd {
  display: block;
  width: 100%;
  padding: 18px 12px;
  border-bottom: 1px solid #f5f3f3;
  font-size: 16px;
  line-height: 26px;
}
@media screen and (min-width: 768px) {
  .menu-detail-links dd {
    border: none;
    padding: 0 0 12px;
  }
}
.skin-care-active .menu-detail-links dd:last-of-type a {
  font-weight: bold;
}

.country-selector {
  border-bottom: 5px solid rgb(76.5, 76.5, 76.5);
  color: #ffffff;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .country-selector {
    border-bottom: none;
    padding: 0;
    position: absolute;
    top: -1rem;
    right: 0.2rem;
    z-index: 80;
    width: auto;
  }
}
.country-selector .selector {
  display: none;
  margin-top: 0.5rem;
  padding-left: 2rem;
}
.country-selector .selector.active {
  display: block;
}
@media screen and (min-width: 768px) {
  .country-selector .selector {
    background-color: #ffffff;
    border-radius: 3px;
    -webkit-box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.3);
            box-shadow: -1px 2px 4px rgba(0, 0, 0, 0.3);
    margin-top: 1rem;
    padding: 1rem;
  }
}
.country-selector .current-country {
  cursor: pointer;
  padding: 0.8em 1rem;
}
.country-selector .current-country.selector-active {
  border-bottom: 1px solid rgb(24.99, 24.01, 24.99);
}
.country-selector .current-country.selector-active .selector-icon {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}
@media screen and (min-width: 768px) {
  .country-selector .current-country {
    padding: 0;
  }
  .country-selector .current-country.selector-active {
    border-bottom: none;
    padding-bottom: 0;
    position: absolute;
    right: 0;
  }
}
.country-selector .current-country .selector-icon {
  margin-right: 0.3rem;
}
@media screen and (min-width: 768px) {
  .country-selector .current-country .selector-icon {
    float: right;
    margin-right: 0;
    margin-left: 0.3rem;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
  }
}
.country-selector .current-country .flag-icon {
  border: none;
}
.country-selector .continent-name {
  margin-top: 0;
  margin-bottom: 0.5rem;
}
@media screen and (min-width: 768px) {
  .country-selector .continent-name {
    color: #990000;
  }
}
.country-selector .country {
  margin-bottom: 0.5rem;
}
.country-selector .locale {
  border-right: 1px solid #e0e0e0;
  display: inline-block;
  padding: 0 0.3rem;
  vertical-align: middle;
}
.country-selector .locale:first-of-type {
  padding-left: 0;
}
.country-selector .locale:last-of-type {
  border-right: none;
  padding-right: 0;
}
.country-selector .flag-icon {
  border: 1px solid #e0e0e0;
  margin-right: 0.3rem;
}

.main-nav {
  background-color: #ffffff;
  color: #333133;
  height: calc(100vh - 98px);
  left: 0;
  margin: 0;
  opacity: 0;
  overflow-y: auto;
  padding: 30px 25px 40px;
  position: absolute;
  right: 0;
  top: 68px;
  visibility: hidden;
}
.usp-banner ~ .header:not(.header--scrolled) .main-nav {
  height: calc(100vh - 136px);
}
.header--menu-open .main-nav {
  opacity: 1;
  visibility: visible;
}
.main-nav ul {
  list-style: none;
}
@media only screen and (min-device-width: 375px) and (max-device-width: 667px) {
  .usp-banner ~ .header .main-nav {
    height: calc(100vh - 136px);
  }
}
@media all and (min-width: 1025px) {
  .main-nav {
    background-color: transparent;
    height: 70px;
    opacity: 1;
    overflow: visible;
    padding: 0 0 40px;
    top: 0;
    visibility: visible;
  }
  .usp-banner ~ .header:not(.header--scrolled) .main-nav {
    height: 70px;
  }
}

.main-nav__list {
  background-color: #ffffff;
  margin: 0;
  padding: 0;
}
@media all and (min-width: 1025px) {
  .main-nav__list {
    background-color: transparent;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 120px 0 50px;
    width: 100%;
  }
}
@media all and (min-width: 1501px) {
  .main-nav__list {
    padding: 0 70px;
  }
}

.main-nav__item {
  background-color: transparent;
  display: none;
  height: 40px;
  opacity: 0;
  pointer-events: none;
  text-align: left;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
}
@media all and (min-width: 1025px) {
  .main-nav__item {
    border: none;
    pointer-events: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    max-width: calc(25% - 10px);
    opacity: 1;
    display: block;
    text-align: center;
  }
  .main-nav__item:nth-child(3) {
    margin-left: 250px;
  }
  .main-nav__item:first-child {
    text-align: right;
  }
  .main-nav__item:last-child {
    text-align: left;
  }
}
@media all and (min-width: 1501px) {
  .main-nav__item {
    max-width: calc(25% - 95px);
  }
  .main-nav__item:nth-child(3) {
    margin-left: 300px;
  }
}
.header--menu-open .main-nav__item {
  display: block;
  opacity: 1;
  pointer-events: auto;
}
@media all and (max-width: 1024px) {
  .header--menu-open .main-nav__item:last-of-type {
    display: none;
  }
}

@media all and (min-width: 1025px) {
  .main-nav__item--extra {
    margin-left: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(25% - 85px);
        -ms-flex: 0 0 calc(25% - 85px);
            flex: 0 0 calc(25% - 85px);
    max-width: calc(25% - 85px);
  }
  .main-nav__item--extra ~ .main-nav__item:nth-child(3) {
    margin-left: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 calc(25% - 85px);
        -ms-flex: 0 0 calc(25% - 85px);
            flex: 0 0 calc(25% - 85px);
    max-width: calc(25% - 85px);
  }
}

.main-nav__item--open {
  height: 100%;
}
@media all and (min-width: 1025px) {
  .main-nav__item--open {
    padding: 0;
  }
  .main-nav__item--open::before {
    background-color: #ffffff;
    content: "";
    display: block;
    height: 210px;
    left: 0;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: -200px;
  }
}

.main-nav__link {
  color: #333133;
  display: inline-block;
  font-size: 18px;
  font-weight: 700;
  overflow: visible;
  padding: 5px 0;
  position: relative;
  text-decoration: none;
  -webkit-transition: color 0.3s ease-out;
  transition: color 0.3s ease-out;
  width: 100%;
}
.main-nav__link::after {
  background-color: currentColor;
  content: "";
  height: 2px;
  left: 0;
  margin-top: 1px;
  position: absolute;
  top: 100%;
  -webkit-transition: width 0.3s ease-out;
  transition: width 0.3s ease-out;
  width: 0;
}
.main-nav__item--open .main-nav__link {
  color: #333133;
}
.main-nav__item--open .main-nav__link::after {
  width: 100%;
}
@media not all and (pointer: coarse) {
  .main-nav__link:hover {
    color: #333133;
  }
  .main-nav__link:hover::after {
    width: 100%;
  }
}
@media all and (min-width: 1025px) {
  .main-nav__link {
    color: #8F8F8F;
    font-size: 13px;
    margin: 28px 10px 14px;
    text-align: left;
    width: auto;
  }
  .main-nav__link:not(.navigation-custom-link) {
    padding: 0 20px 0 0;
  }
}
@media all and (min-width: 1181px) {
  .main-nav__link {
    font-size: 15px;
  }
}
@media all and (min-width: 1501px) {
  .main-nav__link {
    font-size: 18px;
    margin: 28px 15px 14px;
  }
  .main-nav__link:not(.navigation-custom-link) {
    padding-right: 30px;
  }
}

.main-nav__link-icon {
  display: inline-block;
  font-size: 13px;
  position: absolute;
  right: 0;
  top: 11px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.main-nav__item--open .main-nav__link-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media all and (min-width: 1025px) {
  .main-nav__link-icon {
    font-size: 12px;
    right: 3px;
    top: 6px;
  }
}
@media all and (min-width: 1501px) {
  .main-nav__link-icon {
    font-size: 13px;
    top: 7px;
  }
}

.header--submenu-open .sub-menu {
  opacity: 1;
}

.menu-tabs {
  display: none;
}
.menu-tabs a.main-nav__item--open {
  border-bottom: 4px solid #333133;
}

.added-popup-visible .overlay {
  z-index: 1;
  pointer-events: none;
}

.sub-menu {
  opacity: 0;
  -webkit-transition: opacity 0.2s;
  transition: opacity 0.2s;
  display: none;
  z-index: auto;
  overflow: visible;
  height: 100%;
}
.main-nav__item--open .sub-menu {
  opacity: 1;
  display: block;
}
@media all and (min-width: 1025px) {
  .sub-menu {
    background-color: #ffffff;
    border-top: none;
    color: #333133;
    height: auto;
    left: 0;
    max-height: calc(100vh - 60px);
    overflow: auto;
    pointer-events: none;
    position: absolute;
    right: 0;
    top: 60px;
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%);
    -webkit-transition: -webkit-transform 0.3s ease;
    transition: -webkit-transform 0.3s ease;
    transition: transform 0.3s ease;
    transition: transform 0.3s ease, -webkit-transform 0.3s ease;
  }
  .main-nav__item--open .sub-menu {
    display: block;
    pointer-events: auto;
    top: 89px;
    -webkit-transform: translateY(0);
            transform: translateY(0);
    z-index: 10;
  }
}
@media screen and (min-width: 768px) and (max-height: 720px) {
  .sub-menu {
    min-height: 510px;
  }
}
.sub-menu .banner {
  display: none;
}
.sub-menu .nav-routine-finder {
  margin: 30px 0;
  width: 100%;
}
.sub-menu .nav-routine-finder img {
  margin-bottom: 13px;
  width: 100%;
}
.sub-menu .nav-routine-finder h4 {
  font-size: 13px;
  line-height: 16px;
  margin: 0;
  text-transform: uppercase;
}
.sub-menu .nav-routine-finder a {
  color: #333133;
  font-size: 15px !important;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 21px;
  margin-bottom: 0;
  text-decoration: underline;
  text-transform: none;
}
@media all and (min-width: 1025px) {
  .sub-menu .nav-routine-finder {
    margin-bottom: 0;
    width: calc(100% + 37px);
  }
}

.sub-menu__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
  height: 100%;
  padding-bottom: 13px;
}
@media all and (min-width: 1025px) {
  .sub-menu__inner {
    background-color: #f2f2f2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-bottom: 0;
    pointer-events: none;
  }
}
@media not all and (pointer: coarse) {
  .sub-menu__inner:hover .sub-menu__item {
    background-color: transparent;
    color: #8F8F8F;
    font-weight: 500;
  }
}

.sub-menu__list {
  margin: 0 auto;
  max-width: 940px;
  padding: 6px 0 0 15px;
  width: 100%;
}
@media all and (min-width: 1025px) {
  .sub-menu__list {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 6px 0 0;
    pointer-events: auto;
  }
}

.sub-menu__item {
  color: #333133;
  -webkit-transition: color 0.3s ease-out, background-color 0.3s ease-out;
  transition: color 0.3s ease-out, background-color 0.3s ease-out;
}
.sub-menu__item.sub-menu__item--open {
  background-color: #ffffff !important;
  color: #333133 !important;
}
.sub-menu__item.sub-menu__item--open .level-3__link {
  font-weight: 700;
}
.sub-menu__item.sub-menu__item--open .sub-menu__content {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media all and (min-width: 1025px) {
  .sub-menu__item {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    color: #8F8F8F;
    font-weight: 500;
  }
  .main-nav__item--open .sub-menu__item {
    height: 70vh;
  }
}

.sub-menu__item--open .sub-menu__content {
  display: block;
}

.sub-menu__content {
  background-color: #ffffff;
  display: none;
  padding-left: 25px;
  padding-top: 5px;
}
@media all and (min-width: 1025px) {
  .sub-menu__content {
    bottom: 0;
    left: 0;
    padding: 25px 0;
    position: absolute;
    right: 0;
    top: 92px;
    z-index: 2;
  }
}

.sub-menu__content-inner {
  width: 100%;
}
@media all and (min-width: 1025px) {
  .sub-menu__content-inner {
    margin: 0 auto;
    max-width: 850px;
  }
}

.sub-menu__content-left .navigation-link {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  text-align: left;
}
@media all and (min-width: 1025px) {
  .sub-menu__content-left {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    max-width: 60%;
    border-right: 1px solid #c4c4c4;
    height: calc(70vh - 150px);
  }
}

.level-3__link {
  color: inherit;
  display: block;
  font-size: 18px;
  font-weight: 600;
  line-height: 34px;
  position: relative;
  text-decoration: none;
}
@media all and (min-width: 1025px) {
  .level-3__link {
    height: 87px;
    line-height: 92px;
    text-align: center;
    z-index: 2;
  }
}

.level-3__link--dropdown {
  position: relative;
}

.level-3__link-icon {
  font-size: 12px;
  position: absolute;
  right: 22px;
  top: 11px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
.sub-menu__item--open .level-3__link-icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
@media all and (min-width: 1025px) {
  .level-3__link-icon {
    opacity: 0;
    visibility: hidden;
  }
}

.level-3__list {
  display: block;
  margin: 0;
  padding: 0;
}
.level-3__list ~ .html-slot-container {
  margin-left: -40px;
}
@media all and (min-width: 1025px) {
  .level-3__list {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
    -webkit-column-fill: auto;
       -moz-column-fill: auto;
            column-fill: auto;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
    height: calc(70vh - 115px);
  }
  .level-3__list ~ .html-slot-container {
    margin-left: 0;
  }
}
@media all and (min-width: 1501px) {
  .level-3__list {
    height: calc(70vh - 140px);
  }
}

.level-3__item {
  font-weight: 400;
  min-height: 34px;
  text-align: left;
}
.level-3__item a {
  text-decoration: none;
  color: #333133;
}
@media not all and (pointer: coarse) {
  .level-3__item a:hover {
    text-decoration: underline;
  }
}
@media all and (min-width: 1025px) {
  .level-3__item {
    font-size: 14px;
  }
  .level-3__item .fly-out-link {
    display: block;
    font-weight: 600;
    letter-spacing: 0.002em;
    margin-top: 20px;
    text-decoration: underline;
  }
}

.fake-level-4 {
  display: none;
  margin-left: 10px;
}
@media all and (min-width: 1025px) {
  .fake-level-4 {
    display: block;
  }
}

.fake-level-4--open {
  display: block;
}

.level-3__item--fake-level-toggle {
  position: relative;
}
.level-3__item--fake-level-toggle .icon {
  font-size: 12px;
  position: absolute;
  right: 40px;
  top: 7px;
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
}
@media all and (min-width: 1025px) {
  .level-3__item--fake-level-toggle .icon {
    display: none;
  }
}

.level-3__item--open .icon {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

.level-3__category-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media not all and (pointer: coarse) {
  .level-3__category-image:hover img {
    opacity: 1;
  }
}
.level-3__category-image img {
  height: 25px;
  margin-left: -25px;
  margin-right: 15px;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: opacity 0.3s ease-out;
  transition: opacity 0.3s ease-out;
  width: 10px;
}
@media all and (min-width: 1025px) {
  .level-3__category-image img {
    opacity: 0.35;
  }
}

@media all and (min-width: 1025px) {
  .sub-menu__content-left .html-slot-container {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
    margin-right: 50px;
  }
}

.navigation-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin: 0 -10px;
}
.navigation-link figure {
  margin: 0 10px 30px;
  max-width: 50%;
  width: 100%;
}
.navigation-link img {
  aspect-ratio: 150/100;
  max-width: 100%;
  height: auto;
}
.navigation-link a {
  color: #333133;
  font-size: 16px;
  font-weight: 400;
  letter-spacing: 0.2px;
  line-height: 1.21;
}
@media all and (min-width: 1025px) {
  .navigation-link {
    display: block;
    margin: 0;
  }
  .navigation-link figure {
    max-width: 150px;
    margin: 0 0 30px;
  }
  .navigation-link a {
    font-size: 14px;
  }
}

@media all and (min-width: 1025px) {
  .navigation-link--two-rows {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin: 0 -20px;
  }
  .navigation-link--two-rows figure {
    margin: 0 20px 0;
  }
}

.main-nav-slot {
  border-bottom: 1px solid #c4c4c4;
  border-top: 1px solid #c4c4c4;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
      -ms-flex-direction: column-reverse;
          flex-direction: column-reverse;
  margin-top: 10px;
  padding-bottom: 20px;
}
@media all and (min-width: 1025px) {
  .main-nav-slot {
    border: 0;
    display: none;
    left: 60%;
    max-height: 51vh;
    max-width: 374px;
    overflow: hidden auto;
    position: absolute;
    top: 200px;
    z-index: 10;
  }
  .header--submenu-open .main-nav-slot {
    display: block;
  }
}

.main-nav-slot__heading {
  color: #333133;
  font-size: 18px;
  font-weight: 700;
  line-height: 1.22;
}

.main-nav-slot__list {
  border-top: 1px solid #c4c4c4;
  margin: 15px 0 0;
  padding: 20px 0 0;
}
.main-nav-slot__list a {
  color: #333133;
  text-decoration: none;
}
@media not all and (pointer: coarse) {
  .main-nav-slot__list a:hover {
    text-decoration: underline;
  }
}
.main-nav-slot__list img {
  display: inline-block;
  height: 18px;
  margin-right: 10px;
  -o-object-fit: cover;
     object-fit: cover;
  vertical-align: middle;
  width: 18px;
}
@media all and (min-width: 1025px) {
  .main-nav-slot__list {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .main-nav-slot__list + div {
    margin-top: 53px;
  }
}

.main-nav-slot__list-item {
  display: block;
  line-height: 1;
}
.main-nav-slot__list-item:not(:last-child) {
  margin-bottom: 14px;
}
@media all and (min-width: 1025px) {
  .main-nav-slot__list-item {
    font-size: 14px;
  }
  .main-nav-slot__list-item:not(:last-child) {
    margin-bottom: 18px;
  }
}

.header {
  background-color: #ffffff;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  height: 68px;
  position: -webkit-sticky;
  position: sticky;
  top: 0;
  z-index: 210;
}
.header.header--menu-open {
  border-bottom-color: rgba(51, 49, 51, 0.5);
}
@media all and (min-width: 1025px) {
  .header {
    height: 90px;
  }
}
.scroll-disabled .header.header--scrolled {
  position: fixed;
  width: 100%;
}
.scroll-disabled .header.header--scrolled + * {
  padding-top: 68px;
}
@media all and (min-width: 1025px) {
  .scroll-disabled .header.header--scrolled + * {
    padding-top: 90px;
  }
}

.header__content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #ffffff;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0 12px;
}
@media all and (min-width: 1181px) {
  .header__content {
    padding: 0 15px;
  }
}

.header__hamburger-button {
  height: 48px;
  padding: 16px 16px 16px 12px;
  top: 10px;
  width: 42px;
  z-index: 1;
}
.header__hamburger-button::before, .header__hamburger-button::after {
  content: "";
  display: block;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  width: 18px;
}
.header__hamburger-button::before {
  background-color: #333133;
  height: 1px;
  -webkit-transform: translate3d(0, -4px, 0);
          transform: translate3d(0, -4px, 0);
}
.header__hamburger-button::after {
  border-bottom: 1px solid #333133;
  border-top: 1px solid #333133;
  height: 6px;
}
.header--menu-open .header__hamburger-button {
  background-color: transparent;
}
.header--menu-open .header__hamburger-button::before {
  -webkit-transform: translate3d(0, 2px, 0) rotate(-405deg);
          transform: translate3d(0, 2px, 0) rotate(-405deg);
}
.header--menu-open .header__hamburger-button::after {
  border-top-color: transparent;
  -webkit-transform: translate3d(2px, -3px, 0) rotate(405deg);
          transform: translate3d(2px, -3px, 0) rotate(405deg);
}
@media all and (min-width: 1025px) {
  .header__hamburger-button {
    display: none;
  }
}

.header__logo {
  color: #333133;
  font-size: 21px;
  left: 50%;
  position: absolute;
  text-decoration: none;
  top: 47%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  z-index: 1;
}
.header__logo::before {
  content: "\e902";
}
@media all and (min-width: 1025px) {
  .header__logo {
    left: 50%;
    font-size: 30px;
    top: 53%;
  }
}
@media all and (min-width: 1181px) {
  .header__logo {
    font-size: 32px;
  }
}
@media all and (min-width: 1501px) {
  .header__logo {
    font-size: 36px;
  }
}

.refinement-header {
  background-color: #f5f3f3;
  border-top: 1px solid #e0e0e0;
  display: block;
  font-size: 1.1em;
  font-weight: bold;
  letter-spacing: 0.125em;
  margin: 0;
  padding: 1.15em 0.75em 0.75em;
  text-transform: uppercase;
}

.refinement {
  padding-bottom: 0.65em;
  position: relative;
}
.pt_categorylanding .refinement {
  display: none;
}
.pt_categorylanding .refinement.category-refinement {
  display: block;
}
.refinement h3 {
  background-color: #f5f3f3;
  border-top: 1px solid #e0e0e0;
  font-size: 1.1em;
  letter-spacing: 0.125em;
  margin: 0 0 0.65em;
  padding: 1.15em 0.75em 0.75em;
  text-transform: uppercase;
}
.ie7 .refinement h3 {
  clear: both;
}
.refinement h3 i {
  color: #64772d;
}
.refinement ul {
  list-style: none outside none;
  margin: 0;
  padding: 0 0.55em 0;
}
.refinement li {
  padding: 0.5em;
}
.refinement ul li i {
  color: #e0e0e0;
}
.refinement ul li.selected i {
  color: #64772d;
}
.refinement ul.swatches li {
  float: left;
  padding: 0.16em;
}
.refinement ul.swatches li a {
  border: 2px solid #e0e0e0;
  border-radius: 0.5em;
  display: block;
  padding: 0.2em 0.8em;
}
.refinement ul.swatches li.selected a {
  border-color: #84bd00;
  font-weight: bold;
}
.refinement ul.swatches li.unselectable a {
  background-image: url("../images/interface/icon-color-swatch-unselectable.png");
  background-position: right top;
}
.refinement ul.refinementColor li a {
  height: 23px;
  padding: 0;
  text-indent: -999em;
  width: 30px;
}
.refinement .clear-refinement {
  font-weight: bold;
  padding: 0 1.05em 0.4em;
}
.refinement .refinement-link {
  border: 0 none;
}
.refinement .selected .refinement-link {
  background-position: left bottom;
}
.refinement .refinement-top-level {
  padding: 1em;
}

.scrollable {
  height: 10em;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.nav ul {
  border: 0 none;
  list-style: none outside none;
  margin: 0.58em 0;
  padding: 0;
}
.nav ul li {
  list-style: none outside none !important;
  margin: 0 0 0.58em !important;
}
.nav .toggle {
  border: 0 none;
  display: block;
  font-size: 1em;
  font-weight: 700;
  margin: 0.83em 0 0.58em;
  text-transform: uppercase;
}
.nav .toggle span {
  background: none repeat scroll 0 0 transparent;
}
.nav .expanded {
  background-position: left -96px;
}

.language-selector {
  display: block;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .language-selector {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}

.language-selector__label {
  color: #333133;
  font-size: 16px;
  font-weight: 600;
  line-height: 1;
}

.language-selector__select {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  margin-top: 20px;
  padding-left: 23px;
}
@media screen and (min-width: 768px) {
  .language-selector__select {
    margin-left: 34px;
    margin-top: 0;
    max-width: 246px;
  }
}

.main-footer {
  background-color: #ffffff;
  display: block;
  -webkit-filter: none;
          filter: none;
  max-width: 100%;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
}
.main-footer .content-asset ul {
  line-height: 1;
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-footer .content-asset ul li {
  list-style: none;
  font-size: initial;
}
.main-footer label {
  margin: 0;
  font-size: initial;
}

.main-footer__container {
  display: block;
  position: relative;
  width: 100%;
}

.main-footer__top {
  border-bottom: 1px solid #cccccc;
  padding: 38px 36px;
}
@media screen and (min-width: 1180px) {
  .main-footer__top {
    padding: 65px 85px;
  }
}

.main-footer__top-content {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .main-footer__top-content {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.main-footer__top-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  text-align: center;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .main-footer__top-item:not(.main-footer__top-item--big) {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 33%;
        -ms-flex: 0 1 33%;
            flex: 0 1 33%;
    max-width: 33%;
  }
}

.main-footer__top-headline {
  color: #333133;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 23px;
  font-weight: 700;
  line-height: 1.1;
  margin: 0 0 18px;
}
@media screen and (min-width: 1180px) {
  .main-footer__top-headline {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1500px) {
  .main-footer__top-headline {
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    margin-right: 10%;
  }
}

.main-footer__top-newsletter {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}
.main-footer__top-newsletter .grecaptcha-badge {
  visibility: hidden;
}
.main-footer__top-newsletter small {
  font-size: 12px;
}

.main-footer__newsletter {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .main-footer__newsletter {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.newsletter-footer {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .newsletter-footer {
    -webkit-flex-basis: 430px;
        -ms-flex-preferred-size: 430px;
            flex-basis: 430px;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
        -ms-flex-positive: 0;
            flex-grow: 0;
    max-width: 430px;
  }
}

.newsletter-footer__field-wrap {
  background-color: #f8f8f8;
  border: 1px solid #f8f8f8;
  color: #333133;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  width: 100%;
  margin-bottom: 15px;
}
.newsletter-footer__field-wrap label.error {
  position: absolute;
  top: 100%;
  left: 0;
  margin-top: 1px;
  width: 100%;
}
.newsletter-footer__field-wrap .emailsuggestions-hint {
  float: none;
  -webkit-box-ordinal-group: 7;
  -webkit-order: 6;
      -ms-flex-order: 6;
          order: 6;
  width: auto;
  position: absolute;
  top: 60px;
}
.newsletter-footer__field-wrap .newsletter-footer__field.error ~ .emailsuggestions-hint {
  top: 80px;
}
@media screen and (min-width: 1180px) {
  .newsletter-footer__field-wrap {
    background-color: #ffffff;
    border-color: #9c9c9c;
    margin-bottom: 0px;
  }
}

input[type=email].newsletter-footer__field {
  border: none;
  color: #333133;
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  line-height: 1;
  min-height: 64px;
  padding-left: 34px;
  outline: none;
}
input[type=email].newsletter-footer__field::-webkit-input-placeholder {
  color: #333133;
}
input[type=email].newsletter-footer__field::-moz-placeholder {
  color: #333133;
}
input[type=email].newsletter-footer__field:-ms-input-placeholder {
  color: #333133;
}
input[type=email].newsletter-footer__field::-ms-input-placeholder {
  color: #333133;
}
input[type=email].newsletter-footer__field::placeholder {
  color: #333133;
}

.newsletter-footer__submit {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333133;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  font-size: 18px;
  font-weight: 700;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  margin: 0;
  padding: 0 28px 0 0;
  text-align: center;
  text-decoration: none;
  text-transform: none;
  -webkit-transition: color 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
  transition: color 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
}
@media not all and (pointer: coarse) {
  .newsletter-footer__submit:hover {
    color: #5c5c5c;
  }
}
@media screen and (min-width: 1180px) {
  .newsletter-footer__submit {
    padding-right: 25px;
  }
}

.main-footer__top-logo {
  color: #333133;
  display: inline-block;
  font-size: 44px;
  line-height: 1;
  margin-bottom: 46px;
  overflow: visible;
  text-decoration: none;
}
.main-footer__top-logo::before {
  content: "\e902";
}
@media screen and (min-width: 1180px) {
  .main-footer__top-logo {
    margin-bottom: 0;
  }
}
@media not all and (pointer: coarse) {
  .main-footer__top-logo:hover:hover {
    text-decoration: none;
  }
}

.main-footer__middle {
  display: block;
  width: 100%;
}

.main-footer__middle-columns {
  display: block;
  padding: 0 36px;
}
@media screen and (min-width: 768px) {
  .main-footer__middle-columns {
    display: grid;
    gap: 60px;
    grid-auto-flow: row;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "column1 column1 column2 column2" "column3 column4 column5 column5";
    padding: 40px 36px;
  }
}
@media screen and (min-width: 1180px) {
  .main-footer__middle-columns {
    grid-template-columns: 28% 0 1fr 1fr 1fr;
    grid-template-areas: "column1 . column2 column3 column4" "column1 . column2 column5 column5";
    padding: 58px 85px 120px;
  }
}

.main-footer__middle-column--one {
  grid-area: column1;
}

.main-footer__middle-column--two {
  grid-area: column2;
}

.main-footer__middle-column--three {
  grid-area: column3;
}

.main-footer__middle-column--four {
  grid-area: column4;
}

.main-footer__middle-column--five {
  grid-area: column5;
}

.main-footer__middle-column {
  display: block;
  width: 100%;
}

.main-footer__toggle {
  max-height: 0px;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease-out;
  transition: max-height 0.3s ease-out;
}
@media screen and (min-width: 768px) {
  .main-footer__toggle {
    max-height: none;
    overflow: visible;
  }
}

.main-footer__toggle-checkbox {
  display: none;
}
.main-footer__toggle-checkbox + .main-footer__toggle-label {
  color: #333133;
  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 36px 0;
  position: relative;
}
.main-footer__toggle-checkbox + .main-footer__toggle-label::before, .main-footer__toggle-checkbox + .main-footer__toggle-label::after {
  background: #333133;
  border: none;
  content: "";
  display: inline-block;
  height: 2px;
  left: auto;
  margin-top: -1px;
  opacity: 1;
  position: absolute;
  right: 37px;
  top: 50%;
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  -webkit-transition: 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
  transition: 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
  width: 12px;
}
.main-footer__toggle-checkbox + .main-footer__toggle-label::after {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.main-footer__toggle-checkbox:checked + .main-footer__toggle-label::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
  opacity: 0;
}
.main-footer__toggle-checkbox:checked ~ .main-footer__toggle {
  max-height: 100vh;
}
@media screen and (min-width: 768px) {
  .main-footer__toggle-checkbox {
    pointer-events: none;
  }
  .main-footer__toggle-checkbox + .main-footer__toggle-label {
    cursor: default;
    padding-bottom: 48px;
  }
  .main-footer__toggle-checkbox + .main-footer__toggle-label::before, .main-footer__toggle-checkbox + .main-footer__toggle-label::after {
    content: none;
    display: none;
  }
  .main-footer__toggle-checkbox + .main-footer__toggle-label--big {
    font-size: 46px;
    padding-bottom: 46px;
    padding-top: 22px;
  }
}

.main-footer__column-list {
  -webkit-column-gap: 20px;
     -moz-column-gap: 20px;
          column-gap: 20px;
  display: block;
  list-style: none;
  margin: 0;
  padding: 0;
}
.main-footer__column-list[data-columns="1"] {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
}
.main-footer__column-list[data-columns="2"] {
  -webkit-column-count: 2;
     -moz-column-count: 2;
          column-count: 2;
}
.main-footer__column-list[data-columns="3"] {
  -webkit-column-count: 3;
     -moz-column-count: 3;
          column-count: 3;
}
.main-footer__column-list[data-columns="4"] {
  -webkit-column-count: 4;
     -moz-column-count: 4;
          column-count: 4;
}
.main-footer__column-list[data-columns="5"] {
  -webkit-column-count: 5;
     -moz-column-count: 5;
          column-count: 5;
}

.main-footer__column-list-item {
  display: block;
  line-height: 1;
  margin-bottom: 15px;
  width: 100%;
}

.main-footer__column-list-link {
  color: #333133;
  font-size: 16px;
  text-decoration: none;
  overflow: initial;
}
.main-footer__column-list-link:not(.main-footer__column-list-link--underline) {
  display: inline-block;
}
.main-footer__column-list-link:not(.main-footer__column-list-link--underline)::after {
  border-bottom: 1px solid currentColor;
  content: "";
  display: block;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
@media not all and (pointer: coarse) {
  .main-footer__column-list-link:not(.main-footer__column-list-link--underline):hover:hover::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}

.main-footer__column-list-link--underline {
  display: inline-block;
}
.main-footer__column-list-link--underline::after {
  border-bottom: 1px solid currentColor;
  content: "";
  display: block;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: scaleX(1);
          transform: scaleX(1);
}
@media not all and (pointer: coarse) {
  .main-footer__column-list-link--underline:hover:hover::after {
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}

.main-footer__socials {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: block;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 40px;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .main-footer__socials {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 36px;
  }
}

.main-footer__socials-label {
  color: #333133;
  display: block;
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
  margin: 0;
  padding: 36px 0;
  position: relative;
}
@media screen and (min-width: 1180px) {
  .main-footer__socials-label {
    padding: 0;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 150px;
        -ms-flex: 0 0 150px;
            flex: 0 0 150px;
  }
}

.main-footer__column-socials-list {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 10px;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
@media screen and (min-width: 1180px) {
  .main-footer__column-socials-list {
    gap: 40px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}

.main-footer__column-socials-item {
  display: inline-block;
}
@supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
  .main-footer__column-socials-item:not(:last-child) {
    margin-right: 10px;
  }
  @media screen and (min-width: 1180px) {
    .main-footer__column-socials-item:not(:last-child) {
      margin-right: 40px;
    }
  }
}

.main-footer__column-socials-link {
  color: #333133;
  display: block;
  font-size: 25px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: color 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
  transition: color 0.25s all cubic-bezier(0.17, 0.67, 0.09, 0.97);
}
.main-footer__column-socials-link .icon-instagram-alt {
  font-size: 22px;
}
.main-footer__column-socials-link .icon-youtube {
  font-size: 19px;
}
@media not all and (pointer: coarse) {
  .main-footer__column-socials-link:hover {
    color: #5c5c5c;
  }
}

.main-footer__bottom {
  padding: 20px 20px 10px;
}
@media screen and (min-width: 768px) {
  .main-footer__bottom {
    padding: 0 32px;
  }
}
@media screen and (min-width: 1180px) {
  .main-footer__bottom {
    padding: 0 85px;
  }
}

.main-footer__bottom-container {
  display: block;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main-footer__bottom-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.main-footer__bottom-column {
  display: block;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .main-footer__bottom-column {
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 50%;
        -ms-flex: 0 1 50%;
            flex: 0 1 50%;
    margin-bottom: 0;
    max-width: 50%;
  }
  .main-footer__bottom-column:last-child {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

.main-footer__bottom-links {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  gap: 40px 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin: 0 0 40px;
  padding: 0;
  width: 100%;
}
@supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
  .main-footer__bottom-links {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .main-footer__bottom-links {
    gap: 25px;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    margin: 0;
  }
}

.main-footer__bottom-links-item {
  display: inline-block;
  line-height: 1;
}
@supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
  .main-footer__bottom-links-item {
    margin-bottom: 40px;
  }
  .main-footer__bottom-links-item:not(:last-child) {
    margin-right: 20px;
  }
}
@media screen and (min-width: 768px) {
  @supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
    .main-footer__bottom-links-item {
      margin-bottom: 0;
    }
    .main-footer__bottom-links-item:not(:last-child) {
      margin-right: 25px;
    }
  }
}

.main-footer__bottom-links-link {
  display: inline-block;
  color: #333133;
  font-size: 10px;
  font-weight: 700;
  line-height: 1;
  text-decoration: none;
}
.main-footer__bottom-links-link::after {
  border-bottom: 1px solid currentColor;
  content: "";
  display: block;
  -webkit-transform-origin: bottom left;
          transform-origin: bottom left;
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: scaleX(0);
          transform: scaleX(0);
}
@media not all and (pointer: coarse) {
  .main-footer__bottom-links-link:hover:hover::after {
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
}
@media screen and (min-width: 1180px) {
  .main-footer__bottom-links-link {
    font-size: 13px;
  }
}

.main-footer__bottom-logos {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  gap: 20px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .main-footer__bottom-logos {
    -webkit-box-pack: end;
    -webkit-justify-content: flex-end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@supports (not (gap: 10px)) or ((-webkit-touch-callout: none) and (not (translate: none)) and (gap: 10px)) {
  .main-footer__bottom-logos-item {
    margin-bottom: 20px;
  }
  .main-footer__bottom-logos-item:not(:last-child) {
    margin-right: 20px;
  }
}

.main-footer__bottom-logos-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
}
.main-footer__bottom-logos-link img,
.main-footer__bottom-logos-link .main-footer__bottom-logos-image {
  height: 17px;
  -o-object-fit: contain;
     object-fit: contain;
  width: auto;
}
.main-footer__bottom-logos-link img[src$=".jpg"],
.main-footer__bottom-logos-link img[src$=".png"] {
  mix-blend-mode: multiply;
}

.footer-ie-popup-contanier {
  display: none;
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .footer-ie-popup-contanier {
    display: block;
    background-color: #cccccc;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
  }
  .footer-ie-popup__title {
    color: #333133;
    font-weight: bold;
    text-align: center;
    margin-top: 8px;
  }
  .footer-ie-popup__description {
    padding: 0 95px;
  }
}
@media screen and (-ms-high-contrast: none) and (max-width: 767px), screen and (-ms-high-contrast: active) and (max-width: 767px) {
  .footer-ie-popup__description {
    padding: 0 10px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .footer-ie-popup__description-text {
    line-height: 20px;
    margin-top: 13px;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .footer-ie-popup {
    background-color: #ffffff;
    position: fixed;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    padding: 105px 25px;
    width: 30%;
    height: 200px;
    z-index: 10;
  }
}
@media screen and (-ms-high-contrast: none) and (max-width: 1500px), screen and (-ms-high-contrast: active) and (max-width: 1500px) {
  .footer-ie-popup {
    padding: 125px 20px;
    width: 80%;
    height: auto;
  }
}
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .footer-ie-popup .footer-ie-popup__description-list {
    margin: -2px -4px -6px;
  }
  .footer-ie-popup .footer-ie-popup__description-list li {
    list-style-type: disc;
  }
  .footer-ie-popup .footer-ie-popup__description-list span {
    color: #3292ca;
    text-decoration: underline;
  }
}
.footer-ie-popup .primary-logo {
  top: 61px;
}
.footer-ie-popup .primary-logo a:before {
  content: "\e902";
  color: #333133;
}
.footer-ie-popup .primary-logo a:hover {
  text-decoration: none;
}

.main-footer__bottom-copyright {
  color: #333133;
  font-size: 12px;
  line-height: 1;
  padding: 20px 14px 0;
  text-align: center;
}
@media screen and (min-width: 1180px) {
  .main-footer__bottom-copyright {
    padding-bottom: 14px;
    padding-top: 25px;
  }
}

.pt_content-search-result .primary-content,
.pt_product-search-noresult .primary-content,
.pt_product-search-result .primary-content {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .pt_content-search-result .primary-content,
  .pt_product-search-noresult .primary-content,
  .pt_product-search-result .primary-content {
    padding: 0;
    display: block;
  }
}
@media screen and (min-width: 1180px) {
  .pt_content-search-result .primary-content,
  .pt_product-search-noresult .primary-content,
  .pt_product-search-result .primary-content {
    padding: 0;
  }
}
@media screen and (max-width: 768px) {
  .pt_content-search-result .primary-content .seo-promo,
  .pt_product-search-noresult .primary-content .seo-promo,
  .pt_product-search-result .primary-content .seo-promo {
    -webkit-box-ordinal-group: 4;
    -webkit-order: 3;
        -ms-flex-order: 3;
            order: 3;
  }
}

.pt_product-search-noresult .footer,
.pt_product-search-result .footer {
  display: none;
}

.pt_product-search-result .primary-content h1.content-header,
.pt_product-search-result .primary-content .h1.content-header {
  padding: 30px 0;
  background-color: #ffffff;
  max-width: 1200px;
  margin: 0 auto;
}

.pt_content-search-result .primary-content {
  max-width: 1200px;
  margin: 50px auto;
}

.pt_product-search-noresult .primary-content {
  margin: 0 auto !important;
  max-width: 1200px;
  padding: 40px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.pt_product-search-noresult .secondary-content {
  display: none;
}

.category-main-banner img {
  max-width: 100%;
}

.no-hits-search-term,
.no-hits-search-term-suggest {
  color: #990000;
  font-style: italic;
}

.no-hits-footer {
  margin: 20px 0;
  padding: 20px 0;
}

.search-result-bookmarks {
  display: none;
}
.search-result-bookmarks .first {
  border-right: 1px solid #999999;
  padding-right: 5px;
}

.search-result-options-toggle {
  margin: 0 auto;
  display: block;
}
@media screen and (min-width: 768px) {
  .search-result-options-toggle {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .search-result-options {
    position: fixed;
    right: calc(-100vw + 1px);
    top: 0;
    width: 100vw;
    height: 100%;
    z-index: 10001;
    -webkit-box-shadow: 0 0 3px;
            box-shadow: 0 0 3px;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .search-result-options {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 230px;
        -ms-flex: 0 0 230px;
            flex: 0 0 230px;
    padding-right: 20px;
  }
}
.search-result-options:before {
  content: "";
  position: fixed;
  top: 0;
  right: 0;
  height: 100vh;
  width: 100vw;
  opacity: 0;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  pointer-events: none;
  background-color: #000000;
  z-index: -10;
}
.search-result-options.active {
  right: 0;
}
.search-result-options.active:before {
  opacity: 0.5;
  pointer-events: auto;
}
@media screen and (min-width: 1180px) {
  .search-result-options .items-per-page {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .search-result-options .sort-by {
    position: absolute;
    right: 0;
    top: -3px;
  }
}
.search-result-options .sort-by .search-refinements-subheader {
  margin: 0 17px 10px 0;
}
.search-result-options .sort-by select {
  border-width: 2px;
  margin-right: 0;
  min-width: 180px;
  padding: 6px 10px;
  font-size: 16px;
  text-transform: none;
}
.search-result-options .search-refinements > div {
  display: block;
}
.search-result-options .search-refinements .selectedFilter {
  font-weight: 700;
  color: #333133;
}
.search-result-options .button {
  padding: 11px 12px 10px;
  margin: 0 0 20px;
  display: block;
}
@media screen and (min-width: 1180px) {
  .search-result-options .button {
    margin: 0 10px 12px 0;
    display: inline-block;
    vertical-align: bottom;
  }
}
.search-result-options .items-per-page {
  margin-right: 0.5em;
}
.search-result-options form {
  margin-bottom: 0;
}
.search-result-options select, .search-result-options option {
  font-style: normal !important;
}
.search-result-options select {
  margin: 0 0 30px;
  color: #333133;
  border-width: 1px;
}
@media screen and (min-width: 768px) {
  .search-result-options select {
    display: inline-block;
    width: auto;
    vertical-align: middle;
    margin: 0 10px 12px 0;
  }
}

.search-result-options-delete {
  cursor: pointer;
  text-decoration: underline;
  text-align: right;
  color: #333133;
  -webkit-box-flex: 1;
  -webkit-flex: auto;
      -ms-flex: auto;
          flex: auto;
}
@media screen and (max-width: 768px) {
  .search-result-options-delete {
    display: none;
  }
}

.search-refinements-subheader-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 10px;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.search-refinements-subheader-wrap .clp-header__title {
  font-size: 16px;
  font-weight: 600;
}
@media all and (min-width: 769px) {
  .search-refinements-subheader-wrap .clp-header__title {
    font-size: 30px;
    width: unset;
  }
}
.search-refinements-subheader-wrap.clp-header {
  border-width: 5px;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-refinements-subheader-wrap.clp-header {
    border: 0;
  }
}

.search-refinements-subheader {
  display: inline-block;
  margin: 0 10px 5px 0;
  vertical-align: middle;
}
.search-refinements-subheader.filter-by {
  font-size: 18px;
  text-transform: capitalize;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .search-refinements-subheader.filter-by {
    font-size: 20px;
  }
}

.search-refinements-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search-refinements-list li {
  list-style-image: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.search-refinements-list li {
  font-size: 14px;
}
.search-refinements-list > li {
  border-bottom: solid 1px #dddddd;
  -webkit-transition: height 0.3s;
  transition: height 0.3s;
}
.search-refinements-list > li:first-child {
  padding-top: 0;
}
.search-refinements-list > li .search-refinements-title {
  position: relative;
  padding: 5px 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .search-refinements-list > li .search-refinements-title {
    padding-bottom: 0;
    cursor: pointer;
  }
}
.search-refinements-list > li .search-refinements-title::after {
  content: "";
  position: absolute;
  right: 6px;
  top: 12px;
  font-size: 12px;
  display: block;
  width: 7px;
  height: 7px;
  -webkit-transform: rotate(-135deg);
          transform: rotate(-135deg);
  border-bottom: 1px solid #333133;
  border-left: 1px solid #333133;
  opacity: 0.33;
}
@media screen and (min-width: 768px) {
  .search-refinements-list > li .search-refinements-title::after {
    border-left: 0;
    border-bottom-width: 2px;
    border-color: #9a969a;
    height: 0;
    width: 10px;
    -webkit-transform: none;
            transform: none;
    opacity: 1;
    top: 15px;
    right: 3px;
  }
}
.search-refinements-list > li.closed .search-refinements-lv2 {
  height: 0;
}
@media screen and (min-width: 768px) {
  .search-refinements-list > li.closed .search-refinements-title::before {
    content: "";
    width: 2px;
    height: 10px;
    top: 10.5px;
    right: 7px;
    position: absolute;
    display: block;
    background-color: #9a969a;
  }
}
.search-refinements-list > li .search-result-options-header h2::after {
  content: none;
}
.search-refinements-list input[type=checkbox] + label {
  padding-left: 20px;
  padding-top: 0;
  margin-bottom: 0;
}
.search-refinements-list input[type=checkbox] + label:before {
  width: 11px;
  height: 11px;
  top: 5px;
}
.search-refinements-list input[type=checkbox] + label:after {
  font-size: 9px;
  top: 6px;
  left: 1px;
}
.search-refinements-list input[type=checkbox]:checked + label {
  font-weight: bold;
}

/* ====================== Filter explanation = */
.search-refinements__explanation-icon {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  width: 16px;
  height: 16px;
  font-size: 14px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #ffffff;
  border-radius: 50%;
  line-height: 17px;
  background-color: #D5D8DC;
  cursor: pointer;
  -webkit-transition: background-color 0.2s ease;
  transition: background-color 0.2s ease;
}
@media screen and (min-width: 1180px) {
  .search-refinements__explanation-icon:hover {
    background-color: #aaaaaa;
  }
}

.search-refinements-list .search-refinements__explanation-container {
  display: none;
}

.search-refinements__explanation-popup {
  padding: 40px 20px 20px;
  background-color: #f7edeb;
}
@media screen and (max-width: 767px) {
  .search-refinements__explanation-popup {
    position: fixed;
    top: 0 !important;
    left: 0 !important;
    height: 100vh !important;
    overflow-y: auto;
    z-index: 10002 !important;
  }
}
.search-refinements__explanation-popup .ui-dialog-titlebar-close {
  top: 0;
  right: 0;
}

/* ====================== End Filter explanation = */
@media screen and (max-width: 767px) {
  .search-refinements-lv2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    background-color: #ffffff;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    position: absolute;
    top: 0;
    right: calc(-100vw + 1px);
    width: 100%;
    height: 100%;
    -webkit-transition: right 0.3s;
    transition: right 0.3s;
    border-left: solid 1px #dddddd;
    z-index: 221;
  }
}
.search-refinements-lv2.active {
  right: 0;
}

.search-refinements-lv2-list {
  list-style: none;
  padding: 0;
  margin: 0;
}
.search-refinements-lv2-list li {
  list-style-image: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
@media screen and (min-width: 768px) {
  .search-refinements-lv2-list {
    margin-bottom: 10px;
  }
}
@media screen and (max-width: 768px) {
  .search-refinements-lv2-list li {
    padding: 5px 0;
  }
}
.search-refinements-lv2-list li.disabled {
  color: #dddddd;
}
.search-refinements-lv2-list li.disabled .hitcount {
  display: none;
}
.search-refinements-lv2-list li.disabled .search-refinements-list__link {
  color: #dddddd;
}
.search-refinements-lv2-list .hitcount {
  position: absolute;
  right: 0;
  top: 1px;
  color: #cccccc;
  font-weight: normal;
}
.search-refinements-lv2-list input[type=checkbox] {
  display: none;
}
.search-refinements-lv2-list input[type=checkbox] + label {
  display: block;
  padding-right: 20px;
}

.search-result-options-header {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50px;
      -ms-flex: 0 0 50px;
          flex: 0 0 50px;
  background: #f7edeb;
}
@media screen and (min-width: 768px) {
  .search-result-options-header {
    display: none;
  }
}
.search-result-options-header h2 {
  margin: 0;
  text-align: center;
  line-height: 50px;
}
.search-result-options-header i.fa {
  font-size: 15px;
  line-height: 50px;
}

.search-result-options-subheader {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33px;
      -ms-flex: 0 0 33px;
          flex: 0 0 33px;
  background-color: rgb(254.2857142857, 253.3928571429, 253.2142857143);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 15px;
  cursor: pointer;
}
@media screen and (min-width: 768px) {
  .search-result-options-subheader {
    display: none;
  }
}
.search-result-options-subheader a {
  line-height: 33px;
  padding-left: 20px;
}

.search-result-options-container {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 30px 15px;
  height: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: auto !important;
  background-color: #ffffff;
}
@media screen and (min-width: 768px) {
  .search-result-options-container {
    padding: 0;
  }
}

@media screen and (max-width: 767px) {
  .search-result-count-desktop {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .search-result-count-desktop {
    color: #cccccc;
  }
}

.search-result-options-footer {
  background-color: #ffffff;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75px;
      -ms-flex: 0 0 75px;
          flex: 0 0 75px;
  border-top: solid 1px #dddddd;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .search-result-options-footer {
    display: none;
  }
}
.search-result-options-footer button {
  position: relative;
}
.search-result-options-footer button .search-result-options-footer__dot-pulse {
  display: none;
  position: relative;
  top: -6px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 10px;
}

.search-result-options-close-handle,
.search-result-options-back-handle {
  position: absolute;
  top: 0;
  right: 10px;
  background-color: transparent;
  border: none;
  padding: 0;
  color: #333133;
  font-size: 0.75em;
  letter-spacing: 2.3px;
  font-weight: 400;
}
.search-result-options-close-handle span,
.search-result-options-back-handle span {
  padding-left: 10px;
  text-transform: uppercase;
}

.search-result-options-back-handle {
  right: auto;
  left: 10px;
  z-index: 2;
}

@media screen and (max-width: 768px) {
  .selected-refinements {
    margin-top: -7px;
  }
}
@media screen and (min-width: 768px) {
  .selected-refinements {
    margin-bottom: 10px;
    margin-top: 2px;
  }
}
.selected-refinements ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.selected-refinements ul li {
  list-style-image: none;
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.selected-refinements ul li {
  margin-right: 10px;
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (max-width: 768px) {
  .selected-refinements ul li {
    display: inline-block;
  }
}
.selected-refinements a {
  text-decoration: none;
  color: #aaaaaa;
  cursor: pointer;
}
.selected-refinements i.fa {
  font-size: 7px;
  line-height: 1;
  margin-right: 4px;
}

@media screen and (min-width: 768px) {
  .search-result-tiles-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

@media screen and (max-width: 768px) {
  .search-result-tiles-wrap--search {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: calc(100% + 10px);
    margin: 0 5px;
  }
}

.pagination {
  text-align: center;
  margin: 20px;
}
.pagination .results-hits {
  color: #333133;
  display: inline-block;
  line-height: 37px;
  vertical-align: bottom;
  margin-right: 20px;
}
.pagination ul {
  background-color: #ffffff;
  padding: 0;
  margin: 0;
  display: inline-block;
}
@media screen and (min-width: 1180px) {
  .pagination ul {
    background-color: transparent;
    border: none;
  }
}
.pagination li {
  border: 1px solid #e0e0e0;
  margin: 5px 0;
  margin-left: -1px;
  float: left;
  list-style: none;
}
@media screen and (min-width: 1180px) {
  .pagination li {
    border: none;
    padding: 0 0.5em;
    margin: 0;
  }
}
.pagination li a, .pagination li.current-page,
.pagination li i {
  display: block;
  font-size: 1rem;
  height: 32px;
  line-height: 2.1rem;
  text-align: center;
  width: 32px;
}
@media screen and (min-width: 1180px) {
  .pagination li a, .pagination li.current-page,
  .pagination li i {
    font-size: inherit;
    height: auto;
    line-height: inherit;
    width: auto;
  }
}

.pagination__item {
  border: 1px solid #e0e0e0;
  color: #30397a;
  cursor: pointer;
  height: 32px;
  line-height: 32px;
  margin: 0 5px;
  text-decoration: underline;
  width: 32px;
  font-size: 1rem;
}
.pagination__item.active {
  color: #333133;
  cursor: default;
  text-decoration: none;
  pointer-events: none;
}
@media screen and (min-width: 1180px) {
  .pagination__item {
    font-size: 14px;
    height: 20px;
    line-height: 1;
  }
  .pagination__item:hover {
    color: #333133;
    text-decoration: none;
  }
}

.search-result-items {
  padding: 30px 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  max-width: 1500px;
  margin: 0 auto;
}
@media screen and (min-width: 1180px) {
  .search-result-items {
    padding: 30px 35px;
  }
}

.search-result-content .product-price .price-standard {
  color: #999999;
  font-weight: 100;
  text-decoration: line-through;
}

.results-content {
  padding-top: 30px;
}

.no-results {
  padding: 20px;
}

.infinite-scroll .search-result-content .infinite-scroll-loading {
  text-align: center;
  background: url("../images/infinite-loading-indicator.gif") center no-repeat;
  height: 35px;
  width: 100%;
}

.disable-infinite-scroll .search-result-content .page-element {
  display: none;
}

@-webkit-keyframes dotPulse {
  0% {
    -webkit-box-shadow: 9999px 0 0 -5px #ffffff;
            box-shadow: 9999px 0 0 -5px #ffffff;
  }
  30% {
    -webkit-box-shadow: 9999px 0 0 2px #ffffff;
            box-shadow: 9999px 0 0 2px #ffffff;
  }
  100% {
    -webkit-box-shadow: 9999px 0 0 -5px #ffffff;
            box-shadow: 9999px 0 0 -5px #ffffff;
  }
}

@keyframes dotPulse {
  0% {
    -webkit-box-shadow: 9999px 0 0 -5px #ffffff;
            box-shadow: 9999px 0 0 -5px #ffffff;
  }
  30% {
    -webkit-box-shadow: 9999px 0 0 2px #ffffff;
            box-shadow: 9999px 0 0 2px #ffffff;
  }
  100% {
    -webkit-box-shadow: 9999px 0 0 -5px #ffffff;
            box-shadow: 9999px 0 0 -5px #ffffff;
  }
}
@-webkit-keyframes dotPulseBefore {
  0% {
    -webkit-box-shadow: 9980px 0 0 -5px #ffffff;
            box-shadow: 9980px 0 0 -5px #ffffff;
  }
  30% {
    -webkit-box-shadow: 9980px 0 0 2px #ffffff;
            box-shadow: 9980px 0 0 2px #ffffff;
  }
  100% {
    -webkit-box-shadow: 9980px 0 0 -5px #ffffff;
            box-shadow: 9980px 0 0 -5px #ffffff;
  }
}
@keyframes dotPulseBefore {
  0% {
    -webkit-box-shadow: 9980px 0 0 -5px #ffffff;
            box-shadow: 9980px 0 0 -5px #ffffff;
  }
  30% {
    -webkit-box-shadow: 9980px 0 0 2px #ffffff;
            box-shadow: 9980px 0 0 2px #ffffff;
  }
  100% {
    -webkit-box-shadow: 9980px 0 0 -5px #ffffff;
            box-shadow: 9980px 0 0 -5px #ffffff;
  }
}
@-webkit-keyframes dotPulseAfter {
  0% {
    -webkit-box-shadow: 10018px 0 0 -5px #ffffff;
            box-shadow: 10018px 0 0 -5px #ffffff;
  }
  30% {
    -webkit-box-shadow: 10018px 0 0 2px #ffffff;
            box-shadow: 10018px 0 0 2px #ffffff;
  }
  100% {
    -webkit-box-shadow: 10018px 0 0 -5px #ffffff;
            box-shadow: 10018px 0 0 -5px #ffffff;
  }
}
@keyframes dotPulseAfter {
  0% {
    -webkit-box-shadow: 10018px 0 0 -5px #ffffff;
            box-shadow: 10018px 0 0 -5px #ffffff;
  }
  30% {
    -webkit-box-shadow: 10018px 0 0 2px #ffffff;
            box-shadow: 10018px 0 0 2px #ffffff;
  }
  100% {
    -webkit-box-shadow: 10018px 0 0 -5px #ffffff;
            box-shadow: 10018px 0 0 -5px #ffffff;
  }
}
.dot-pulse {
  background-color: #ffffff;
  border-radius: 5px;
  color: #ffffff;
  display: block;
  position: relative;
  left: -9999px;
  width: 10px;
  height: 10px;
  -webkit-animation: dotPulse 1.5s infinite linear;
          animation: dotPulse 1.5s infinite linear;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}

.dot-pulse::before, .dot-pulse::after {
  background-color: #ffffff;
  border-radius: 5px;
  color: #ffffff;
  content: "";
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  width: 10px;
  height: 10px;
}

.dot-pulse::before {
  -webkit-animation: dotPulseBefore 1s infinite linear;
          animation: dotPulseBefore 1s infinite linear;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
}

.dot-pulse::after {
  -webkit-animation: dotPulseAfter 1s infinite linear;
          animation: dotPulseAfter 1s infinite linear;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}

.search-result__tabs {
  background-color: #f2f2f2;
  padding-top: 40px;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result__tabs {
    padding-top: 10px;
  }
}
.search-result__tabs .search-result__tabs-links {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result__tabs .search-result__tabs-links {
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
.search-result__tabs .search-result__section {
  color: #8F8F8F;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 19px;
  padding: 10px 30px;
  text-decoration: none;
  width: 50%;
}
@media all and (min-width: 769px) {
  .search-result__tabs .search-result__section {
    font-size: 20px;
    font-weight: 600;
    line-height: 25px;
    padding: 20px 30px;
    width: auto;
  }
}
.search-result__tabs .search-result__section.is-active {
  background-color: #ffffff;
  color: #333133;
}
@media all and (min-width: 769px) {
  .search-result__tabs .search-result__keyword {
    margin-left: auto;
    padding-top: 10px;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result__tabs .search-result__keyword {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    width: 100%;
    display: block;
    -webkit-box-flex: 0;
    -webkit-flex: none;
        -ms-flex: none;
            flex: none;
    text-align: center;
    padding-top: 15px;
    padding-bottom: 20px;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result__tabs .search-result__keyword p {
    font-size: 14px;
    margin: 0;
  }
}

.search-result {
  padding-top: 50px;
}
.search-result .search-result__wrapper {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 10px;
  padding-right: 10px;
}
@media all and (min-width: 1025px) {
  .search-result .search-result__wrapper {
    padding-left: 0;
    padding-right: 0;
  }
}
.search-result .search-result__grid {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
      -ms-flex-flow: column;
          flex-flow: column;
}
.search-result .search-result__tiles {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-result .search-result__tiles .product-tiles {
  padding-right: 0;
  margin-right: -10px;
}
@media screen and (max-width: 768px) {
  .search-result .search-result__tiles .product-tiles {
    margin-top: 0;
    padding: 0;
    margin-right: 0;
  }
}
.search-result .search-result__tiles .product-tiles li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 25%;
      -ms-flex: 1 1 25%;
          flex: 1 1 25%;
  max-width: calc(25% - 20px);
  margin: 0 10px 30px;
}
@media screen and (max-width: 768px) {
  .search-result .search-result__tiles .product-tiles li {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    max-width: calc(50% - 20px);
    margin: 0 10px 25px;
  }
}
.search-result .search-result__filters {
  display: none;
}
@media all and (min-width: 1025px) {
  .search-result .search-result__filters {
    display: block;
    padding-right: 5%;
  }
}
.search-result .search-result__filters .search-result-options-container .search-refinements-list li {
  font-size: 16px;
}
.search-result .search-result__filters .search-refinements-subheader-wrap {
  border-bottom: 3px solid #000000;
  margin-bottom: 20px;
}
.search-result .search-result__filters .search-refinements-subheader.filter-by {
  font-size: 30px;
  line-height: 50px;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.search-result .search-result__filters .search-result-options {
  width: 350px;
}
.search-result .search-result__filters .search-refinements-list > li {
  padding-top: 10px;
}
.search-result .search-result__filters .search-refinements-list > li h2 {
  font-size: 20px;
  line-height: 25px;
  margin-bottom: 10px;
}
@media all and (min-width: 1025px) {
  .search-result .search-result__grid {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
.search-result .search-result__grid .sort-by {
  margin-left: auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: none;
}
@media all and (min-width: 1025px) {
  .search-result .search-result__grid .sort-by {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.search-result .search-result__grid .sort-by .filter-box {
  font-size: 20px;
}
@media all and (min-width: 1025px) {
  .search-result .search-result__grid .sort-by .filter-box {
    width: 200px;
  }
}
.search-result .search-result__grid .sort-by .search-refinements-subheader {
  font-size: 16px;
  margin-right: 20px;
}
.search-result .search-result__grid .sort-by .search-refinements-subheader,
.search-result .search-result__grid .sort-by .filter-box {
  font-weight: 700;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
}
.search-result .search-result__keyword {
  width: 100%;
  margin-top: 90px;
  margin-left: auto;
  margin-right: auto;
}
.search-result .search-result__keyword p {
  text-align: center;
  margin: 0 auto;
}
.search-result .search-result__keyword .product-tile .add-to-cart-link {
  display: block;
}
.search-result .search-result__keyword .product-tile-footer .product-pricing {
  width: 66%;
  margin-top: auto;
}
.search-result.is-hidden {
  display: none;
}

.search-result.is-beautypedia {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  width: 100%;
}
@media all and (min-width: 1181px) {
  .search-result.is-beautypedia {
    padding-left: 0;
    padding-right: 0;
  }
}
.search-result.is-beautypedia.is-hidden {
  display: none;
}
.search-result.is-beautypedia .folder-content-title {
  font-size: 24px;
  font-weight: 900;
  line-height: 50px;
  text-align: center;
}
@media all and (min-width: 1181px) {
  .search-result.is-beautypedia .folder-content-title {
    font-size: 32px;
    text-align: left;
  }
}
.search-result.is-beautypedia .folder-content-list__img {
  padding-bottom: 47.6%;
  position: relative;
}
@media all and (min-width: 1025px) {
  .search-result.is-beautypedia .folder-content-list__img {
    margin-bottom: 24px;
    padding-bottom: 80%;
  }
}
.search-result.is-beautypedia .folder-content-list__img,
.search-result.is-beautypedia .folder-content-list__content {
  width: 50%;
}
@media all and (min-width: 1025px) {
  .search-result.is-beautypedia .folder-content-list__img,
  .search-result.is-beautypedia .folder-content-list__content {
    width: auto;
  }
}
.search-result.is-beautypedia .folder-content-list__content {
  padding-right: 20px;
}
@media all and (min-width: 769px) {
  .search-result.is-beautypedia .folder-content-list__content {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    padding-right: 0;
  }
}
.search-result.is-beautypedia .folder-content-list__description {
  display: block;
}
.search-result.is-beautypedia .folder-content-list__description__nonexpertadvice {
  display: none;
}
@media all and (min-width: 1025px) {
  .search-result.is-beautypedia .folder-content-list__description__nonexpertadvice {
    display: block;
  }
}
.search-result.is-beautypedia .folder-content-list {
  padding-left: 0;
}
@media all and (min-width: 1025px) {
  .search-result.is-beautypedia .folder-content-list {
    padding: 0;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
    max-width: none;
    margin-bottom: 80px;
  }
}
.search-result.is-beautypedia .folder-content-list .folder-content-list__wrap {
  border: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-flow: row-reverse;
      -ms-flex-flow: row-reverse;
          flex-flow: row-reverse;
  list-style: none;
  margin-bottom: 32px;
}
@media all and (min-width: 1025px) {
  .search-result.is-beautypedia .folder-content-list .folder-content-list__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 24%;
        -ms-flex: 0 0 24%;
            flex: 0 0 24%;
    margin-bottom: 20px;
  }
}
.search-result.is-beautypedia .folder-content-list .folder-content-list__container {
  padding: 20px;
}
.search-result.is-beautypedia .folder-content-list img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.search-result.is-beautypedia .folder-content-list .readmore {
  font-style: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: 0.032px;
  padding-left: 0;
  color: #333133;
  text-transform: uppercase;
  display: block;
  margin-top: 20px;
}
@media all and (min-width: 1025px) {
  .search-result.is-beautypedia .folder-content-list .readmore {
    margin-top: 16px;
  }
}
.search-result.is-beautypedia .folder-content-list .folder-content-list__description,
.search-result.is-beautypedia .folder-content-list .folder-content-list__description__nonexpertadvice {
  font-size: 16px;
}
.search-result.is-beautypedia .folder-content-list .folder-content-list__category {
  font-style: normal;
  font-weight: 700;
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result.is-beautypedia .folder-content-list.is-others .folder-content-list__wrap {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-flow: column;
        -ms-flex-flow: column;
            flex-flow: column;
  }
}
.search-result.is-beautypedia .search-result__content {
  display: none;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 380px;
      -ms-flex: 1 1 380px;
          flex: 1 1 380px;
  max-width: 380px;
  margin-right: 20px;
  background-color: #F5EBDF;
}
@media all and (min-width: 769px) {
  .search-result.is-beautypedia .search-result__content {
    display: block;
  }
}
.search-result.is-beautypedia .search-result__content img {
  width: 100%;
}
.search-result.is-beautypedia .search-result__content h3 {
  font-weight: 900;
  font-size: 32px;
  line-height: 35px;
  text-transform: uppercase;
  margin-top: 40px;
}
.search-result.is-beautypedia .search-result__content a {
  font-weight: 600;
  font-size: 16px;
  line-height: 25px;
  padding-bottom: 40px;
  display: block;
  color: #333133;
  text-transform: uppercase;
}
.search-result.is-beautypedia .search-result__content p,
.search-result.is-beautypedia .search-result__content a,
.search-result.is-beautypedia .search-result__content h3 {
  padding-left: 20px;
  padding-right: 20px;
}
.search-result.is-beautypedia .search-result__ingredients {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.search-result.is-beautypedia .search-result__ingredients h2 {
  text-align: center;
  font-weight: 900;
  margin-top: 0;
  font-size: 20px;
  line-height: 1.218;
}
@media all and (min-width: 769px) {
  .search-result.is-beautypedia .search-result__ingredients h2 {
    font-size: 32px;
    line-height: 59px;
    text-align: left;
  }
}
.search-result.is-beautypedia .search-result__ingredients .clp-ingredient__wrapper {
  padding-left: 0;
  padding-right: 0;
}
.search-result.is-beautypedia .search-result__ingredients .clp-ingredients {
  margin-top: 0;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result.is-beautypedia .search-result__ingredients .clp-ingredients .clp-header {
    border-bottom: 0;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result.is-beautypedia .search-result__ingredients .clp-ingredients .clp-header__title {
    margin-right: 20px;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result.is-beautypedia .search-result__ingredients .clp-ingredients .clp-header__rating {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
  }
}
.search-result.is-beautypedia .search-result__ingredients .clp-ingredient {
  width: 100%;
}
@media all and (min-width: 769px) {
  .search-result.is-beautypedia .search-result__ingredients .clp-ingredient {
    width: 96%;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .search-result.is-beautypedia .clp-ingredient .clp-ingredient__wrapper {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
        -ms-flex: 1;
            flex: 1;
    margin-right: 20px;
  }
}
.search-result.is-beautypedia .clp-ingredient .clp-ingredient__wrapper.is-rating {
  -webkit-box-flex: 0;
  -webkit-flex: 0;
      -ms-flex: 0;
          flex: 0;
}

.search-result__nohits {
  max-width: 1080px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  margin-bottom: 60px;
  padding-left: 20px;
  padding-right: 20px;
}
.search-result__nohits .no-hits-search {
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
}
.search-result__nohits h1 {
  font-family: "proxima-nova", Arial, sans-serif;
  font-weight: 700;
  font-size: 32px;
  line-height: 50px;
}
.search-result__nohits .input-text {
  border-radius: 13px;
  height: 60px;
  margin-top: 15px;
}
.search-result__nohits .form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.search-result__nohits .form-row .button {
  background-color: transparent;
  border: 0;
  color: #333133;
  font-size: 25px;
  position: absolute;
  right: 0;
  top: 23px;
}
.search-result__nohits .form-row input::-webkit-input-placeholder {
  font-weight: 700;
  font-size: 14px;
  color: #8F8F8F;
}
.search-result__nohits .form-row input::-moz-placeholder {
  font-weight: 700;
  font-size: 14px;
  color: #8F8F8F;
}
.search-result__nohits .form-row input:-ms-input-placeholder {
  font-weight: 700;
  font-size: 14px;
  color: #8F8F8F;
}
.search-result__nohits .form-row input::-ms-input-placeholder {
  font-weight: 700;
  font-size: 14px;
  color: #8F8F8F;
}
.search-result__nohits .form-row input::placeholder {
  font-weight: 700;
  font-size: 14px;
  color: #8F8F8F;
}
@media all and (min-width: 769px) {
  .search-result__nohits .form-row input::-webkit-input-placeholder {
    font-size: 20px;
  }
  .search-result__nohits .form-row input::-moz-placeholder {
    font-size: 20px;
  }
  .search-result__nohits .form-row input:-ms-input-placeholder {
    font-size: 20px;
  }
  .search-result__nohits .form-row input::-ms-input-placeholder {
    font-size: 20px;
  }
  .search-result__nohits .form-row input::placeholder {
    font-size: 20px;
  }
}

.pt_product-compare .full-width {
  padding: 0 1.25em;
}
.pt_product-compare .full-width .back {
  padding: 1em 0;
}

.compare-items {
  clear: both;
  margin: 3.5em 2em 0;
  overflow: hidden;
  padding: 0 1em 1em;
}
.compare-items h2 {
  font-size: 0.9em;
  margin: 0.5em 0;
  text-transform: uppercase;
}
.compare-items button {
  padding: 0.5em 1em;
}

.compare-items-panel {
  float: left;
}
.compare-items-panel:after {
  content: "";
  display: table;
  clear: both;
}

.compare-item {
  background-color: #e0e0e0;
  float: left;
  height: 55px;
  margin-right: 1.08em;
  overflow: hidden;
  position: relative;
  text-align: center;
  width: 55px;
}
.compare-item .compare-item-remove {
  background-color: #84bd00;
  color: #ffffff;
  cursor: pointer;
  display: none;
  padding: 0 0.16em;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 10;
}
.compare-item.active .compare-item-remove {
  display: block;
}
.compare-item .compare-item-number {
  color: #cccccc;
  font-size: 3em;
  margin-top: 0.5em;
}

.compare-item-image {
  max-width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}

.compare-buttons {
  float: left;
  padding: 0.7em 0 0;
}

.category-switch {
  margin-bottom: 2em;
}
.category-switch:after {
  content: "";
  display: table;
  clear: both;
}
.category-switch label {
  float: left;
  margin: 0;
  width: 45%;
}
@media (min-width: 410px) {
  .category-switch label {
    width: 11em;
  }
}
.category-switch select {
  float: left;
  margin: 0;
  width: 55%;
}
@media (min-width: 410px) {
  .category-switch select {
    margin-left: 1em;
    width: 15em;
  }
}

#compare-table {
  border-collapse: collapse;
  table-layout: fixed;
  width: 100%;
}
#compare-table th {
  overflow: hidden;
  padding: 0.5em;
}
#compare-table th:first-of-type {
  background-color: #e0e0e0;
  width: 135px;
}
#compare-table td {
  overflow: hidden;
}
#compare-table a:hover {
  text-decoration: underline;
}
#compare-table .attribute-row {
  border-bottom: 1px solid #cccccc;
}
#compare-table .attribute-row:first-of-type {
  border-top: 1px solid #cccccc;
}
#compare-table .attribute-row:last-of-type {
  border-bottom: none;
}
#compare-table .attribute-row:nth-child(2n) {
  background-color: #f5f3f3;
}
#compare-table .product-attribute {
  border-right: 1px solid #cccccc;
  word-break: break-all;
}
#compare-table .action {
  display: block;
  padding: 0.5em 0;
}
#compare-table .remove-link {
  color: #999999;
  float: right;
  padding: 0.3rem;
  z-index: 10;
  position: relative;
  -webkit-transition: color 0.5s ease;
  transition: color 0.5s ease;
}
#compare-table .remove-link:hover {
  color: #84bd00;
  text-decoration: none;
}
#compare-table .value,
#compare-table .product {
  border-left: 1px solid #cccccc;
}
#compare-table .product {
  font-weight: normal;
  text-align: center;
}
#compare-table .value .value-item:after {
  content: ", ";
}
#compare-table .value .value-item:last-child:after {
  content: "";
}
#compare-table .product-tile .product-name {
  height: auto;
  margin: 0.2em 0 1em 0;
}
#compare-table .product-tile .swatch-list {
  display: inline-block;
}
#compare-table .section-header {
  font-size: 0.9em;
  padding: 1em;
  text-transform: none;
}
#compare-table .selectcategory label {
  display: block;
  font-size: 0.9em;
  margin: 1em 0;
  text-transform: none;
}
#compare-table .selectcategory select {
  margin: 0;
  width: 100px;
}
#compare-table .comparelists {
  padding: 0;
}
#compare-table .compare-lists label,
#compare-table .compare-lists select {
  float: none;
  text-align: left;
  width: 100%;
}

.checkout-wrapper {
  position: relative;
  padding: 30px 18px;
}
@media screen and (min-width: 1180px) {
  .checkout-wrapper {
    max-width: 1180px;
    margin: 5px auto;
    padding: 30px 75px;
  }
}
@media screen and (max-width: 768px) {
  .checkout-wrapper {
    overflow-x: hidden;
  }
}
.checkout-wrapper:after {
  content: "";
  display: table;
  clear: both;
}
.checkout-wrapper input::-webkit-input-placeholder {
  color: #aaaaaa;
}
.checkout-wrapper input::-moz-placeholder {
  color: #aaaaaa;
}
.checkout-wrapper input:-ms-input-placeholder {
  color: #aaaaaa;
}
.checkout-wrapper input::-ms-input-placeholder {
  color: #aaaaaa;
}
.checkout-wrapper input::placeholder {
  color: #aaaaaa;
}
.checkout-wrapper h2,
.checkout-wrapper legend {
  text-transform: none;
  display: block;
  font-size: 14px;
  padding-bottom: 14px;
  font-weight: 600;
}
@media screen and (min-width: 768px) {
  .checkout-wrapper h2,
  .checkout-wrapper legend {
    padding-bottom: 20px;
    font-size: 20px;
  }
}
.checkout-wrapper h2 {
  border-bottom: 1px solid #333133;
}
.checkout-wrapper h2.paypalexpress-header {
  border-bottom: none;
  padding-bottom: 0;
}
@media screen and (max-width: 768px) {
  .checkout-wrapper h2.paypalexpress-header {
    font-size: 16px;
  }
}
.checkout-wrapper .form-row + h2 {
  margin-top: 30px;
}
.checkout-wrapper .primary-content,
.checkout-wrapper .secondary-content {
  padding-bottom: 20px;
}
@media screen and (min-width: 1180px) {
  .checkout-wrapper .primary-content,
  .checkout-wrapper .secondary-content {
    display: block;
    position: relative;
  }
}
.checkout-wrapper .field-wrapper.valid:after {
  content: "\e926";
  line-height: 25px;
  text-align: center;
  color: #ffffff;
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 30px;
  top: 8px;
  border-radius: 50%;
  background-color: #00b451;
}

.checkout-billing .content-asset p {
  margin-top: 0;
}
.checkout-billing .ingredientlist {
  margin-left: 0;
  padding-top: 20px;
  border-top: 1px solid #9297a3;
}
.checkout-billing .ingredientlist .label-after {
  margin-bottom: 70px;
}

.checkout-progress-indicator {
  letter-spacing: 2px;
  margin-bottom: 8px;
}
.checkout-progress-indicator:after {
  content: "";
  display: table;
  clear: both;
}
.checkout-progress-indicator > div {
  width: 100%;
  float: left;
  border-bottom: 2px solid #e0e0e0;
  font-size: 20px;
  line-height: 36px;
  text-transform: uppercase;
  font-weight: 600;
  color: #e0e0e0;
}
@media screen and (min-width: 1180px) {
  .checkout-progress-indicator > div {
    font-size: 13px;
    line-height: 20px;
    width: 33%;
    margin-right: 0.33%;
    padding-bottom: 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    word-wrap: break-word;
    white-space: nowrap;
  }
}
.checkout-progress-indicator > div.inactive {
  display: none;
}
@media screen and (min-width: 1180px) {
  .checkout-progress-indicator > div.inactive {
    display: block;
  }
}
.checkout-progress-indicator > div.active {
  color: #333133;
  border-bottom-color: #666666;
}
@media screen and (min-width: 1180px) {
  .checkout-progress-indicator.multishipprogress > div {
    width: 24.8%;
    margin-right: 0.2%;
  }
}

.checkout-order-totals {
  padding: 0;
}

.gift-message-text {
  overflow: visible;
  opacity: 1;
  -webkit-transition: all 1s ease;
  transition: all 1s ease;
}
.gift-message-text.hidden {
  height: 0;
  opacity: 0;
  overflow: hidden;
}
.gift-message-text textarea {
  width: 100%;
}

.billing-coupon-code .form-row,
.billing-coupon-code .coupon-apply,
.billing-coupon-code .giftcert-apply {
  display: inline-block;
}
.billing-coupon-code .field-wrapper {
  margin-bottom: 0;
}
.billing-coupon-code .coupon-apply button {
  padding: 10px;
  height: 41px;
}
.billing-coupon-code .tooltip {
  padding-left: 1rem;
}
.billing-coupon-code .form-row {
  margin: 0;
  width: 45%;
}
@media screen and (max-width: 768px) {
  .billing-coupon-code .form-row {
    width: 75%;
  }
}
.billing-coupon-code .form-row.redemption {
  display: block;
  width: 100%;
  margin-bottom: 20px;
}

.promo-code-block,
.mentionme {
  display: none;
}

.cart-coupon-code {
  margin-top: 35px;
}
.cart-coupon-code .mentionme {
  display: block;
  margin-bottom: 35px;
}

.payment-method-options .form-row {
  clear: none;
  float: left;
  width: 30%;
}
.payment-method-options .form-row.form-row-button {
  display: none;
}

.payment-method-options,
.payment-method-button {
  display: none;
}

#paymentMethodsList {
  display: none;
}
#paymentMethodsList.is-visible {
  display: block;
}

.payment-method {
  clear: both;
  position: relative;
}
.payment-method > div {
  position: absolute;
  right: 0;
  top: 0;
  left: 150px;
}
.payment-method > div .form-row:first-child {
  margin: 0.5rem 0 1rem;
}
@media screen and (min-width: 1180px) {
  .payment-method > div .field-wrapper {
    padding-left: 0;
    width: 100%;
  }
}
.payment-method label {
  display: inline;
  float: none;
  font-weight: bold;
  margin: 0;
  padding: 0 20px;
}
.payment-method ul {
  list-style: none;
  margin: 0;
  padding: 0;
  width: 100%;
}
.payment-method ul li.form-row {
  border: 1px solid #000000;
  padding: 10px;
  width: 100%;
}
@media only screen and (max-width: 768px) {
  .payment-method ul li.form-row {
    padding: 15px 10px;
  }
}
.payment-method ul li.selected-payment-method {
  border: 2px solid #000000;
}
.payment-method input[type=radio] + label {
  top: 2px;
}
@media screen and (max-width: 767px) {
  .payment-method input[type=radio] + label {
    top: 1px;
  }
}
.payment-method input[type=radio] + label:before {
  top: 6px;
}
.payment-method input[type=radio] + label:after {
  top: 10px;
}
.payment-method .form-row {
  margin: 0 0 20px;
  clear: left;
  float: left;
}
.payment-method .form-row > .select-wrap {
  display: none;
}
.payment-method .form-row > input:checked ~ .select-wrap {
  display: inline-block;
}
.payment-method .logo {
  float: right;
  max-width: 50px;
  height: 32px;
  -o-object-fit: contain;
     object-fit: contain;
  margin: 0 5px;
}
@media only screen and (max-width: 768px) {
  .payment-method .logo {
    max-width: 35px;
  }
}
@media screen and (max-width: 376px) {
  .payment-method .logo {
    height: unset;
  }
}
.payment-method .select-wrap {
  display: inline-block;
  vertical-align: middle;
}
.payment-method #component_klarna > div:not(#js-openinvoicefields) {
  display: none;
}
.payment-method .adyen-checkout__open-invoice .adyen-checkout__fieldset__title {
  padding: 0;
}
.payment-method .adyen-checkout__open-invoice .adyen-checkout__field--dateOfBirth {
  margin-top: -25px;
}
.payment-method .adyen-checkout__open-invoice .adyen-checkout__fieldset {
  padding-bottom: 0;
}
.payment-method .adyen-checkout__open-invoice .adyen-checkout__field {
  margin-bottom: 0;
}
.payment-method .adyen-checkout__input,
.payment-method .adyen-checkout__dropdown__button {
  border: 1px solid #333133;
  border-radius: 0;
}

.adyen-checkout__qr-loader {
  margin: 20px 0 0;
}

.creditCard .form-row,
.cardBCMC .form-row {
  display: none;
}
.creditCard .adyen-checkout__card__form,
.cardBCMC .adyen-checkout__card__form {
  margin-top: 20px;
}
.creditCard .adyen-checkout__field,
.cardBCMC .adyen-checkout__field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.creditCard .adyen-checkout__field:last-of-type,
.cardBCMC .adyen-checkout__field:last-of-type {
  margin-bottom: 10px;
}
.creditCard .adyen-checkout__card__exp-cvc,
.cardBCMC .adyen-checkout__card__exp-cvc {
  display: block;
}
.creditCard .adyen-checkout__card__exp-cvc .adyen-checkout__field,
.cardBCMC .adyen-checkout__card__exp-cvc .adyen-checkout__field {
  margin: 5px 0 15px 0;
  width: 100%;
}
.creditCard .adyen-checkout__card__exp-cvc .adyen-checkout__field:nth-child(2),
.cardBCMC .adyen-checkout__card__exp-cvc .adyen-checkout__field:nth-child(2) {
  margin-left: 0;
}
.creditCard .adyen-checkout__store-details,
.cardBCMC .adyen-checkout__store-details {
  display: none;
}
.creditCard .adyen-checkout__card__holderName,
.cardBCMC .adyen-checkout__card__holderName {
  margin-bottom: 10px;
}
@media only screen and (min-width: 1180px) {
  .creditCard .adyen-checkout__card__form,
  .cardBCMC .adyen-checkout__card__form {
    margin-top: 30px;
  }
  .creditCard .adyen-checkout__card__holderName,
  .creditCard .adyen-checkout__field:last-of-type,
  .cardBCMC .adyen-checkout__card__holderName,
  .cardBCMC .adyen-checkout__field:last-of-type {
    margin-bottom: 20px;
  }
  .creditCard .adyen-checkout__card__exp-cvc,
  .cardBCMC .adyen-checkout__card__exp-cvc {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .creditCard .adyen-checkout__card__exp-cvc .adyen-checkout__field,
  .cardBCMC .adyen-checkout__card__exp-cvc .adyen-checkout__field {
    margin: 0;
    width: 50%;
  }
}

.row-scheme .form-row {
  display: none;
}

.row-ideal .checkoutComponent {
  padding: 20px 0;
}

.row-klarna .klarnafields {
  margin: 20px 30px;
}
@media only screen and (max-width: 600px) {
  .row-klarna .klarnafields {
    margin: 20px 10px;
  }
  .row-klarna .klarna-div .birthday-fields {
    display: block !important;
  }
  .row-klarna .klarna-div .birthday-fields .form-row {
    float: none;
  }
  .row-klarna .klarna-div .birthday-fields label {
    padding-left: 0;
  }
}

.row-giftcert .checkoutComponent {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  padding-top: 10px;
}
.row-giftcert .checkoutComponent label {
  font-weight: normal;
  white-space: nowrap;
  padding: 0;
}
@media only screen and (min-width: 600px) {
  .row-giftcert .checkoutComponent {
    padding-left: 33px;
    padding-bottom: 10px;
    padding-right: 10px;
  }
}
.row-giftcert .field-wrapper {
  max-height: 40px;
  margin-bottom: 0;
  padding-right: 10px;
  width: 100%;
}
.row-giftcert label {
  padding-left: 0;
}
.row-giftcert .form-row {
  margin-bottom: 0;
  width: 100%;
}
.row-giftcert .form-caption {
  color: #ff0000;
  margin-right: 10px;
}
.row-giftcert .giftcert-apply {
  padding-top: 15px;
}
.row-giftcert .giftcert-apply button {
  height: 40px;
  margin-top: 9px;
  padding: 12px 15px 11px;
  white-space: nowrap;
}
@media screen and (max-width: 420px) {
  .row-giftcert .giftcert-apply button {
    padding-left: 10px;
    padding-right: 10px;
  }
}
.row-giftcert .giftcert-message.error {
  color: #ff0000;
  background-color: #f7edeb;
}
.row-giftcert .giftcert-message.success {
  color: #00B451;
  padding-top: 15px;
  line-height: 17px;
}
@media only screen and (min-width: 600px) {
  .row-giftcert .giftcert-message {
    padding-left: 5px;
    margin-left: 33px;
  }
}

.payment-method-expanded {
  display: block;
  margin: 0 0 30px;
  min-height: 255px;
}

.month,
.year,
.day {
  clear: none;
  float: left;
  margin: 0 0 2% 2%;
}
.month select,
.year select,
.day select {
  width: auto;
}

.month .form-caption {
  margin-left: 0;
}

.cvn {
  clear: left;
}
.cvn .field-wrapper {
  width: 50px;
}

.ssn {
  clear: left;
}

.bml-terms-and-conditions {
  border: 1px solid #aaaaaa;
  font-size: 0.8em;
  height: 400px;
  overflow: auto;
  padding: 1em;
  -webkit-overflow-scrolling: touch;
}

.bml-table-col-1 {
  width: 25%;
}

.order-component-block {
  margin: 1.67em 0;
}
.order-component-block .section-header a {
  float: right;
  font-weight: normal;
}

.order-discount {
  color: #e75025;
}

.summary-help {
  float: right;
  font-size: 0.8em;
  margin: 1em 0;
}

.submit-order {
  clear: both;
  display: block;
  padding: 1.67em 0 0;
  text-align: right;
}
.submit-order button {
  margin-left: 1.5em;
}
.submit-order .back-to-cart {
  font-size: 1.1em;
}
.submit-order .back-to-cart:hover {
  text-decoration: underline;
}
.submit-order .content-asset {
  text-align: right;
  margin-top: 30px;
  margin-bottom: 15px;
}

.gift-cert-used {
  padding: 0.83em 0;
}

.pt_checkout form {
  padding: 0 15px 10px;
}
@media screen and (min-width: 768px) {
  .pt_checkout form {
    padding: 20px 30px 25px;
  }
}
.pt_checkout .form-row-button {
  text-align: right;
}
.pt_checkout .form-row-button button,
.pt_checkout .form-row-button .button,
.pt_checkout .form-row-button .buttonstyle,
.pt_checkout .form-row-button input[type=button] {
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .pt_checkout .form-row-button button,
  .pt_checkout .form-row-button .button,
  .pt_checkout .form-row-button .buttonstyle,
  .pt_checkout .form-row-button input[type=button] {
    width: auto;
  }
}
.pt_checkout .product-availability-list li,
.pt_checkout .item-total {
  white-space: nowrap;
}
.pt_checkout .item-details .product-list-item .name {
  font-size: 1em;
  font-style: normal;
}
.pt_checkout .item-list thead {
  display: none;
}
@media screen and (min-width: 1180px) {
  .pt_checkout .item-list thead {
    display: table-header-group;
  }
}
.pt_checkout .item-list tr {
  margin-bottom: 10px;
  display: block;
  border-bottom: 1px solid #e0e0e0;
  max-width: 600px;
}
@media screen and (min-width: 1180px) {
  .pt_checkout .item-list tr {
    margin-bottom: 10px;
    display: table-row;
    border-bottom: none;
    max-width: none;
  }
}
.pt_checkout .item-list td {
  vertical-align: middle;
  display: block;
  text-align: right;
  border-bottom: 1px dotted #cccccc;
}
@media screen and (min-width: 1180px) {
  .pt_checkout .item-list td {
    display: table-cell;
    text-align: left;
    border-bottom: none;
  }
}
.pt_checkout .item-list td:last-child {
  border-bottom: 0;
}
.pt_checkout .item-list td:before {
  content: attr(data-label);
  float: left;
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .pt_checkout .item-list td:before {
    content: none;
  }
}
.pt_checkout .item-list td.item-image {
  text-align: left;
  max-width: 100px;
  border: none;
}
.pt_checkout .item-list td.item-image img {
  max-width: 100%;
}
.pt_checkout .item-list td .product-availability-list {
  text-align: left;
}
.pt_checkout .item-list .item-quantity {
  text-align: right;
  padding-right: 20px;
}
.pt_checkout .cart-table .cart-row .shipment-label {
  font-weight: 700;
  margin-top: 35px;
  font-size: 1.4em;
}

.item-shipping-address {
  min-width: 120px;
}

.billing-error {
  color: #ff0000;
}

.cvn-tooltip {
  font-weight: bold;
  margin: 5px;
  text-align: center;
}
.cvn-tooltip img {
  height: 150px;
  width: 110px;
}

.summary-table th:nth-of-type(2) {
  padding-right: 20px;
}

.payment-method-error {
  display: none;
  padding-bottom: 20px;
  color: #ff0000;
}

.shippingaddress .select-address {
  width: 100%;
  margin-left: 0;
}
.shippingaddress .edit-address {
  margin-top: 0.5em;
}
.shippingaddress .edit-address span {
  color: #323132;
  cursor: pointer;
}

.minishipments-method {
  padding-top: 10px;
}

.option__radio__title::before {
  display: none;
}

@media screen and (max-width: 768px) {
  .single-paazl-tab .paazl-delimiter .paazl__header {
    border-bottom: 1px solid #000000 !important;
  }
  .single-paazl-tab .paazl-delimiter .paazl__header .dropdown {
    display: none !important;
  }
  .single-paazl-tab .paazl-delimiter .paazl__header .method-select__listing {
    display: block !important;
  }
}

.checkoutComponent .adyen-checkout__card-input__form {
  padding: 20px 0;
}
.checkoutComponent .adyen-checkout__field {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (max-width: 768px) {
  .checkoutComponent .adyen-checkout__field-wrapper {
    display: block;
  }
  .checkoutComponent .adyen-checkout__field--50 {
    width: 100%;
  }
  .checkoutComponent .adyen-checkout__field--50:nth-child(2) {
    margin-left: 0;
    margin-top: 16px;
  }
}

@media screen and (max-width: 420px) {
  .checkoutComponent-giftcert label {
    font-size: 13px;
  }
}

/*Credit Cards*/
.adyen-checkout__label,
.adyen-checkout__label__text {
  float: none !important;
  width: 100% !important;
  text-align: left !important;
}

.paymentMethod {
  list-style-type: none;
  margin: 10px 0 10px 0;
}

.paymentMethod_img {
  margin: 0 5px 0 5px;
}

.additionalFields {
  display: inline-block;
  margin: 0 0 0 10px;
}

.hiddenFields {
  display: none;
}

.security-code-input .adyen-checkout__field {
  margin: 0 !important;
}

.security-code-input .adyen-checkout__field:first-child {
  display: none;
}

/*Checkout Components*/
#component_ach .form-row label {
  float: left;
}

#type {
  list-style-type: none;
}

#ssnValue {
  background: #fff;
  border: 1px solid #b9c4c9;
  border-radius: 3px;
  color: #001b2b;
  display: block;
  font-family: inherit;
  font-size: 16px;
  height: 40px;
  outline: none;
  padding: 5px 8px;
  position: relative;
  -webkit-transition: border 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  transition: border 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out;
  transition: border 0.2s ease-out, box-shadow 0.2s ease-out, -webkit-box-shadow 0.2s ease-out;
  width: 200px;
}

#ssn_klarna {
  margin-top: 16px;
}

/*Summary page*/
.summary-label {
  font-weight: bold;
}

/* Custom Adyen */
.payment-method .issuer {
  margin: 1% 5%;
  display: none;
}

.payment-method-options .form-row {
  width: 25%;
}

.payment-method #type label {
  display: inline;
  float: none;
  width: auto;
}

.payment_method_label {
  padding: 0.75em 6em 0;
}

.openinvoiceInput {
  display: none;
}

.adyen-checkout__field {
  display: table;
}

.postal-code-popup {
  padding: 70px 20px;
}
.postal-code-popup .ui-dialog-titlebar-close {
  top: 0;
  right: 0;
}
.postal-code-popup .ui-dialog-titlebar-close:hover {
  -webkit-transform: none;
          transform: none;
}
@media only screen and (min-width: 1500px) {
  .postal-code-popup {
    padding: 35px;
  }
}
.postal-code-popup .dialog-content {
  min-height: auto !important;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .postal-code-popup .dialog-content {
    text-align: left;
  }
}
.postal-code-popup .ui-dialog-titlebar-close:before {
  line-height: 40px;
}

.expand-field-button,
.checkout-wrapper fieldset .expand-field-button {
  margin: 0 0 20px;
}
.expand-field-button + .form-row,
.checkout-wrapper fieldset .expand-field-button + .form-row {
  display: none;
}
.expand-field-button.expanded,
.checkout-wrapper fieldset .expand-field-button.expanded {
  display: none;
}
.expand-field-button.expanded + .form-row,
.checkout-wrapper fieldset .expand-field-button.expanded + .form-row {
  display: block;
}

.orders .search-result-items {
  background: transparent;
}
.orders .search-result-items > li {
  list-style: none;
  margin-bottom: 40px;
}
.orders .search-result-options {
  background: none;
}

.order-history-header {
  overflow: hidden;
  padding: 25px;
  background-color: #f5f3f3;
}
.order-history-header .label {
  font-weight: 700;
}
.order-history-header button {
  float: right;
}

.order-history-items {
  padding: 25px;
}
.order-history-items .order-history-table {
  width: 100%;
}
.order-history-items .order-history-table th, .order-history-items .order-history-table td {
  padding: 0;
  border: none;
}
.order-history-items .order-history-table th:nth-child(1), .order-history-items .order-history-table td:nth-child(1) {
  width: 30%;
}
.order-history-items .order-history-table th:nth-child(2), .order-history-items .order-history-table td:nth-child(2) {
  width: 50%;
}
.order-history-items .order-history-table th:nth-child(3), .order-history-items .order-history-table td:nth-child(3) {
  width: 20%;
  text-align: right;
}
.order-history-items .order-history-table ul {
  margin: 0;
  padding: 0;
}
.order-history-items .order-history-table li {
  list-style-type: square;
  margin-left: 20px;
}
.order-history-items .order-history-table .toggle {
  cursor: pointer;
  display: block;
}

.js .order-history-table .hidden {
  display: none;
}

.orderdetails h2,
.orderdetails .order-shipments {
  clear: both;
}
.orderdetails .order-shipment-table {
  background-color: #f5f3f3;
  padding: 25px;
  line-height: 28px;
}
@media screen and (min-width: 1180px) {
  .orderdetails .order-shipment-table {
    margin-left: 100px;
    margin-right: 100px;
  }
}
.orderdetails .order-shipment-details .order-shipment-address,
.orderdetails .order-shipment-details .shipping-status,
.orderdetails .order-shipment-details .shipping-method {
  margin-bottom: 20px;
}
@media screen and (min-width: 1180px) {
  .orderdetails .order-shipment-details .order-shipment-address {
    float: right;
  }
}
.orderdetails .line-items {
  clear: both;
}
.orderdetails .line-items .line-item .line-item-details,
.orderdetails .line-items .line-item .line-item-quantity,
.orderdetails .line-items .line-item .line-item-price {
  vertical-align: top;
  margin-bottom: 20px;
}
@media screen and (min-width: 1180px) {
  .orderdetails .line-items .line-item .line-item-details,
  .orderdetails .line-items .line-item .line-item-quantity,
  .orderdetails .line-items .line-item .line-item-price {
    display: inline-block;
  }
}
@media screen and (min-width: 1180px) {
  .orderdetails .line-items .line-item .line-item-quantity,
  .orderdetails .line-items .line-item .line-item-price {
    width: 14%;
  }
}
@media screen and (min-width: 1180px) {
  .orderdetails .line-items .line-item .line-item-details {
    width: 70%;
  }
}
@media screen and (min-width: 1180px) {
  .orderdetails .line-items .line-item .line-item-quantity {
    text-align: center;
  }
}
.orderdetails .line-items .line-item .line-item-price {
  margin-bottom: 0;
}
@media screen and (min-width: 1180px) {
  .orderdetails .line-items .line-item .line-item-price {
    text-align: right;
  }
}
@media screen and (min-width: 1180px) {
  .orderdetails .order-payment-summary {
    float: right;
    margin-right: 100px;
    margin-top: -18px;
  }
}
@media screen and (min-width: 1180px) {
  .orderdetails .order-payment-instruments,
  .orderdetails .order-billing {
    margin-left: 100px;
  }
}
.orderdetails .order-payment-instruments > div,
.orderdetails .order-billing > div {
  line-height: 28px;
}
.orderdetails .order-information .value {
  font-weight: 400;
}
@media screen and (min-width: 1180px) {
  .orderdetails .order-information > p {
    margin-left: 100px;
    margin-right: 100px;
  }
}
.orderdetails .order-information form button {
  float: right;
}
.orderdetails .order-totals-table td:first-child {
  padding-right: 5rem;
  text-align: left;
}

.pt_order .actions,
.confirmation .actions {
  padding: 0.5em 1%;
}
.pt_order .actions a,
.confirmation .actions a {
  margin-right: 2rem;
}

.pt_order-confirmation .form-row-button {
  text-align: right;
}

.confirmation__hero {
  display: block;
  min-height: 142px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__hero {
    min-height: 350px;
  }
}

.confirmation__hero-image {
  height: 100%;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  width: 100%;
}

.confirmation__main {
  color: #333133;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
  margin: -45px auto 0;
  max-width: 1180px;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__main {
    margin-top: -122px;
  }
}

.confirmation__main-info {
  background-color: #ffffff;
  display: block;
  margin: 0 22px 25px;
  padding: 15px 20px;
  position: relative;
  width: calc(100% - 44px);
}
@media screen and (min-width: 1180px) {
  .confirmation__main-info {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 0 77px;
    margin: 0 0 25px;
    padding: 25px 30px 0;
    width: 100%;
  }
}

.confirmation__main-info-top {
  display: block;
  grid-column: span 2;
  width: 100%;
}

.confirmation__main-info-text {
  margin: 0 0 15px;
}

.confirmation__heading {
  color: #333133;
  font-size: 32px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 15px;
}
@media screen and (min-width: 1180px) {
  .confirmation__heading {
    font-size: 48px;
    margin-bottom: 25px;
  }
}

.confirmation__subheading {
  color: #333133;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.25;
  margin: 0 0 20px;
}
@media screen and (min-width: 1180px) {
  .confirmation__subheading {
    font-size: 20px;
    margin-bottom: 8px;
  }
}

.confirmation__subsection-heading {
  color: #333133;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.25;
  margin: 0 0 20px;
}
@media screen and (min-width: 1180px) {
  .confirmation__subsection-heading {
    margin-bottom: 8px;
  }
}

.confirmation__main-address {
  margin-bottom: 20px;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-address {
    margin-bottom: 0;
  }
}

.confirmation__main-address,
.confirmation__main-delivery-time {
  position: relative;
  display: block;
  width: 100%;
  padding-left: 68px;
}
.confirmation__main-address::before,
.confirmation__main-delivery-time::before {
  content: "\ea03";
  font-family: "iconfont";
  font-size: 42px;
  left: 0;
  line-height: 1;
  position: absolute;
  top: 0;
  width: 68px;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-address,
  .confirmation__main-delivery-time {
    padding-left: 80px;
  }
  .confirmation__main-address::before,
  .confirmation__main-delivery-time::before {
    font-size: 52px;
    width: 61px;
  }
}

.confirmation__main-delivery-time::before {
  content: "\ea0a";
  font-size: 43px;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-delivery-time::before {
    font-size: 52px;
  }
}

.confirmation__main-address-list {
  list-style: none;
  margin: 0;
  padding: 0;
}

.confirmation__main-delivery-time-carbon {
  font-size: 12px;
}
@media screen and (max-width: 767px) {
  .confirmation__main-delivery-time-carbon {
    margin-left: -35px;
  }
}
.confirmation__main-delivery-time-carbon .content-asset {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
.confirmation__main-delivery-time-carbon img {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: auto;
  margin-right: 15px;
  margin-top: 4px;
  -o-object-fit: contain;
     object-fit: contain;
}

.confirmation__main-middle {
  display: block;
  margin-bottom: 30px;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-middle {
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
        -ms-flex-align: start;
            align-items: flex-start;
    display: grid;
    grid-gap: 0 77px;
    grid-template-columns: 1fr 1fr;
    margin-bottom: 48px;
  }
}

.confirmation__main-order {
  background-color: #F5EBDF;
  display: block;
  padding: 26px 22px 22px;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-order {
    padding: 39px 34px;
  }
}

.confirmation__main-account {
  display: block;
  width: 100%;
  padding: 30px 22px;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-account {
    padding: 0;
  }
}

.confirmation__main-order-heading {
  border-bottom: 1px solid #333133;
  color: #333133;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0;
  padding: 0 0 6px;
}

.confirmation__main-order-table {
  display: block;
  position: relative;
  width: 100%;
}

.confirmation__main-order-table-heading {
  font-size: 16px;
  font-weight: 600;
  margin: 0 0 15px;
}

.confirmation__main-order-table-block {
  display: block;
  padding: 20px 0;
  width: 100%;
}

.confirmation__main-order-table-block--line {
  border-top: 1px solid #959498;
}

.confirmation__main-order-table-items {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 25px;
  grid-template-columns: 1fr 1fr 1fr;
  list-style: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-order-table-items {
    gap: 20px;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}

.confirmation__main-order-table-item,
.confirmation__main-order-table-image-block,
.confirmation__main-order-table-image-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
}

.confirmation__main-order-table-item {
  height: 133px;
  width: 90px;
}
.confirmation__main-order-table-item::after {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: rgba(51, 49, 51, 0.2);
  color: rgba(255, 255, 255, 0.7);
  content: none;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 42px;
  font-weight: 700;
  height: 100%;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  line-height: 1;
  position: absolute;
  text-align: center;
  top: 0;
  width: 100%;
}
.confirmation__main-order-table-item:nth-child(3)::after {
  content: attr(data-items);
}
@media screen and (min-width: 1180px) {
  .confirmation__main-order-table-item:nth-child(3)::after {
    content: none;
  }
  .confirmation__main-order-table-item:nth-child(4)::after {
    content: attr(data-items);
  }
}

.confirmation__main-order-table-image {
  display: inline-block;
  height: auto;
  min-width: 90px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.confirmation__main-order-table-image:not(.confirmation__main-order-table-image--gift) {
  height: 133px;
}

.confirmation__main-order-table-action {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-bottom: 15px;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-order-table-action {
    margin-bottom: 27px;
  }
}

.confirmation__main-order-table-btn {
  font-size: 16px;
  font-weight: 500;
  line-height: 16px;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-order-table-btn {
    padding-bottom: 7px;
    padding-top: 8px;
  }
}

.confirmation__order-summary {
  display: block;
  font-size: 16px;
  line-height: 1;
  position: relative;
  width: 100%;
}

.confirmation__order-summary-top,
.confirmation__order-summary-total {
  border-top: 1px solid #959498;
  display: block;
  width: 100%;
}

.confirmation__order-summary-row {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  padding: 13px 0;
}

.confirmation__order-summary-total .confirmation__order-summary-name {
  font-weight: 700;
}
.confirmation__order-summary-total .confirmation__order-summary-row {
  padding-bottom: 0;
}

.confirmation__main-account .confirmation__subheading {
  margin-bottom: 12px;
}
.confirmation__main-account strong {
  font-weight: 700;
  text-transform: none;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-account .confirmation__subheading {
    margin-bottom: 30px;
  }
}

.confirmation_account-section {
  margin-bottom: 20px;
}

.confirmation_account-section-responce {
  display: block;
  margin-bottom: 16px;
  position: relative;
}
.confirmation_account-section-responce p {
  margin: 0 0 5px;
}

.confirmation_account-section--success .confirmation_account-form-paragraph, .confirmation_account-section--success.confirmation_account-section--login .confirmation__subsection-heading {
  display: none;
}
.confirmation_account-section--success:not(.confirmation_account-section--login) .confirmation_account-section-responce {
  padding-left: 34px;
}
.confirmation_account-section--success:not(.confirmation_account-section--login) .confirmation_account-section-responce .confirmation_account-section-responce-status {
  margin-left: -34px;
  margin-top: 15px;
}
.confirmation_account-section--success:not(.confirmation_account-section--login) .confirmation_account-section-responce::before {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAN1SURBVHgBrVVNSFRRFP7OdfqPmEUERj9SthMqWhRBkS1blC2SpiwUIhdBKgQVFCaFZC4yKIqIssx0pWFQCwslJNzlwl1WU4hpCElRZuk7fffOm9Hn+EaFDryZc+899/x+9xxBJjqELBRgt8kyB9XTXdxZw28lFCMQ9IpInwevDTG0ZlIjM+4qxDSZCoWe4SobsxDlKnAEdXM38gA5skiayW33NYxQiV2/xTi64eE7IlgNg1ze3sv9nkwG0o00Y7OotFHxOl/5DfyhghKmZ45kGk0Z/7YkFoh7Ma8qEojAk6fk1vGLq9F85jqOeRBTXKmql9zCOunpNsumjDBFL/mX4wyo7mEKPmEeFDBgbYgWUseHSSONKObvRn7feJj/HwxcZBbaU+cuCpFKd6haM+8UPTHlAQO2jjFcCcjgMQ4ikaYhTOAm5kPNyKPSmik7cYzhXEDmIbZG+ND20xMb4gscx0/MlRqQTaA8I7fQD2HEgaUEv1MRNJrLfKzRCA3kuh0PHQElj7DdREyM3GKbVG/Uu0oF8ZSCiKnm3Zzkmvz5QKobUEDHLwikx9CDPLcpeBcwIljCiwWMsZRQLCX6PtoCuzMChWfFKQOi9SjCncD9rASySGsMlUUduwgDAaFj6GT4e4BJ72yBWeg6AqV6iqQ9r8J0EnaGBK206Bp27ARWpAkyfF2mOwKGoPZFZ08xXDUjItWXYa2skX63GMdOzEQHMOTejhJ9aXq0HUdRP+M9xSb3J9pr6EmXH95mhJGNyNPDafuCk2FXjDH5vrE+G0mLk1eJsX9Fwy65GqneTTkqejv04d7Ccjq1zzfSZrAAr8kO8osS8eXIRIYFVteRbdu5FioWNacY5SrYWhah1aAQE0RRrYtGpMx241AjMQzYtsHvfmgUvM8oz7ogLCiQnCechNIsb/jvkKS/CN0TIU3SpvQHRnGaDWQ63cN6WSqdsG1K8F5jiYc+ObSaOE9UbOrWOkNjrkXEMVdKTNQOJMeFTM6j9MmYGFxW0Lb9Gvxl08zU0xiZWWzKWOhy97AFn8kfILR7kiLpM77JTchXPNng1oqvYuS553kdrvWM4QsBsIIg2WFgtlBhLNk16FQ3bOWm1UtCPWR/8udMDmanQYKhlsqvU6NOP5RZr9t5k4X97NK57Kh5vtfDVNpPvov7Le4ZEKVhKv4BHrlzGu3XN9sAAAAASUVORK5CYII=");
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 25px;
  width: 25px;
  position: absolute;
  top: 0;
  left: 0;
  margin-top: -2px;
}
@media screen and (min-width: 1180px) {
  .confirmation_account-section--success:not(.confirmation_account-section--login) .confirmation_account-section-responce .confirmation_account-section-responce-status {
    margin-left: 0;
    margin-top: 6px;
  }
}

.confirmation_account-form {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: grid;
  gap: 12px;
  grid-template-columns: 1fr auto;
  margin-bottom: 8px;
  width: 100%;
}
.confirmation_account-form .form-row__label {
  color: #333133;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  margin-bottom: 10px;
}
.confirmation_account-form .form-row__label label {
  margin-bottom: 0;
}
.confirmation_account-section--login .confirmation_account-form {
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.confirmation_account-form .form-row.float-label .form-row__label {
  top: 16px;
}
.confirmation_account-form .form-row,
.confirmation_account-form .field-wrapper {
  margin-bottom: 0;
}
.confirmation_account-form input,
.confirmation_account-form .form-row.float-label .input-text {
  border-width: 1px;
  height: 45px;
}
@media screen and (min-width: 1180px) {
  .confirmation_account-form {
    gap: 20px;
  }
  .confirmation_account-form .form-row__label {
    margin-bottom: 9px;
  }
  .confirmation_account-form .form-row.float-label .form-row__label {
    margin-bottom: 0;
  }
}

.confirmation_account-form-actions {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.confirmation_account-form-button {
  font-size: 16px;
  line-height: 16px;
  padding: 13px 23px 12px;
}
@media screen and (min-width: 1180px) {
  .confirmation_account-form-button {
    min-width: 175px;
  }
}

.confirmation_account-form-paragraph {
  font-size: 8px;
  line-height: 1;
}
@media screen and (min-width: 1180px) {
  .confirmation_account-form-paragraph {
    font-size: 12px;
  }
}

.confirmation__main-while-waiting {
  display: block;
  position: relative;
  width: 100%;
}

.confirmation__main-while-waiting-blocks {
  display: block;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-while-waiting-blocks {
    display: grid;
    gap: 20px;
    grid-template-columns: 1fr 1fr;
  }
}

.confirmation__main-while-waiting-block,
.confirmation__main-while-waiting-block-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-while-waiting-block,
  .confirmation__main-while-waiting-block-info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.confirmation__main-while-waiting-block {
  margin-bottom: 25px;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-while-waiting-block {
    margin-bottom: 0;
  }
}

.confirmation__main-while-waiting-block-info {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 12px;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-while-waiting-block-info {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding-right: 0;
  }
}

.confirmation__main-while-waiting-block h4,
.confirmation__main-while-waiting-block .confirmation__main-while-waiting-block-title {
  color: #333133;
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.002em;
  line-height: 1;
  margin: 0 0 9px;
}
.confirmation__main-while-waiting-block p,
.confirmation__main-while-waiting-block .confirmation__main-while-waiting-block-text {
  color: #333133;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.003em;
  line-height: 1.2;
  margin: 0 0 15px;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-while-waiting-block h4,
  .confirmation__main-while-waiting-block .confirmation__main-while-waiting-block-title {
    font-size: 15px;
    letter-spacing: normal;
    margin-bottom: 4px;
  }
  .confirmation__main-while-waiting-block p,
  .confirmation__main-while-waiting-block .confirmation__main-while-waiting-block-text {
    font-weight: 600;
    letter-spacing: normal;
  }
}

.confirmation__main-while-waiting-block-cta {
  color: #333133;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: 0.002em;
  line-height: 1;
  text-decoration: underline;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-while-waiting-block-cta {
    margin-top: auto;
    font-size: 20px;
  }
}

.confirmation__main-while-waiting-block-image-link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 177px;
      -ms-flex: 0 0 177px;
          flex: 0 0 177px;
  height: 177px;
  width: 177px;
}
.confirmation__main-while-waiting-block-image-link img {
  aspect-ratio: 1;
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  height: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__main-while-waiting-block-image-link {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    margin-bottom: 25px;
    height: 235px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 235px;
        -ms-flex: 0 1 235px;
            flex: 0 1 235px;
    width: 100%;
  }
}

.confirmation__faq {
  display: block;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.2;
  position: relative;
  width: 100%;
}
.confirmation__faq p {
  margin: 0 0 15px;
}
.confirmation__faq strong {
  font-weight: 700;
  text-transform: none;
}

.confirmation__faq-image {
  display: block;
  height: 105px;
  margin-bottom: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__faq-image {
    height: 277px;
    margin-bottom: 25px;
  }
}

.confirmation__faq-info {
  display: block;
  padding: 20px;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__faq-info {
    display: grid;
    gap: 25px;
    grid-template-columns: 1fr 1fr;
    padding: 0;
  }
}

.confirmation__faq-info-column {
  margin-bottom: 25px;
}

.confirmation__order-popup {
  display: none;
}

.confirmation__order-popup-dialog {
  padding: 44px 15px 0;
}
@media screen and (min-width: 1180px) {
  .confirmation__order-popup-dialog {
    padding: 74px 100px 18px;
  }
}

.confirmation__order-popup-heading {
  border-bottom: 1px solid #333133;
  color: #333133;
  display: block;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 16px;
  padding: 0 0 5px;
  text-align: left;
  text-transform: none;
}
@media screen and (min-width: 1180px) {
  .confirmation__order-popup-heading {
    font-size: 32px;
    line-height: 1;
    margin-bottom: 29px;
    padding-bottom: 18px;
  }
}

.confirmation__order-popup-main {
  display: block;
  position: relative;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .confirmation__order-popup-main {
    display: grid;
    gap: 75px;
    grid-template-columns: 1fr 1fr;
  }
}

.confirmation__order-popup-details {
  display: block;
  width: 100%;
}

.confirmation__order-popup-item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 16px;
}
@media screen and (min-width: 1180px) {
  .confirmation__order-popup-item {
    margin-bottom: 30px;
  }
}

.confirmation__order-popup-item-image-wrapper {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 90px;
      -ms-flex: 0 0 90px;
          flex: 0 0 90px;
  height: 100%;
  margin-right: 17px;
  width: 90px;
}
@media screen and (min-width: 1180px) {
  .confirmation__order-popup-item-image-wrapper {
    -webkit-flex-basis: 80px;
        -ms-flex-preferred-size: 80px;
            flex-basis: 80px;
    margin-right: 21px;
    width: 80px;
  }
}

.confirmation__order-popup-item-image {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  width: 100%;
}

.confirmation__order-popup-item-info {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}

.confirmation__order-popup-item-name {
  color: #333133;
  display: block;
  font-size: 16px;
  font-weight: 600;
  letter-spacing: normal;
  line-height: 1.2;
  margin: 0 0 6px;
  text-transform: none;
  word-break: break-word;
}

.confirmation__order-popup-item-type {
  color: #9297a3;
  display: block;
  font-size: 12px;
  font-weight: 600;
  line-height: 1.16;
  text-transform: uppercase;
}

.confirmation__order-popup-item-info-bottom {
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: auto;
}

.confirmation__order-popup-item-size {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  font-size: 12px;
  font-weight: 600;
}

.confirmation__order-popup-item-size-name {
  margin-bottom: 5px;
}

.confirmation__order-popup-item-prices {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (min-width: 1180px) {
  .confirmation__order-popup-item-prices {
    font-size: 16px;
  }
}

.confirmation__order-popup-detail-heading {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 12px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1;
  overflow: hidden;
  position: relative;
  width: 100%;
}
.confirmation__order-popup-detail-heading span {
  display: inline-block;
  padding: 20px 16px;
  position: relative;
}
.confirmation__order-popup-detail-heading span::before,
.confirmation__order-popup-detail-heading span::after {
  border: 1px solid #9297a3;
  content: "";
  height: 1px;
  margin-top: -1px;
  position: absolute;
  top: 50%;
  width: 100vw;
}
.confirmation__order-popup-detail-heading span::before {
  right: 100%;
}
.confirmation__order-popup-detail-heading span::after {
  left: 100%;
}

@media screen and (min-width: 1180px) {
  .confirmation__order-popup-details-summary .confirmation__main-order-table-summary {
    background-color: #F5EBDF;
    padding: 37px 30px 43px;
  }
  .confirmation__order-popup-details-summary .confirmation__order-summary-top {
    border-top: 0;
  }
}

.confirmation__order-popup-actions {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 24px 20px 30px;
  text-align: center;
  width: 100%;
}

.confirmation__order-popup-btn {
  font-size: 16px;
  line-height: 16px;
  min-width: 147px;
  padding-bottom: 7px;
  padding-top: 8px;
}
@media screen and (min-width: 1180px) {
  .confirmation__order-popup-btn {
    padding-bottom: 11px;
    padding-top: 12px;
  }
}

.password-reset-form button:not(.field-password__button),
.new-password-form button:not(.field-password__button) {
  float: right;
  top: 0;
  left: 63%;
}

@media screen and (min-width: 768px) {
  .new-password-form .password-strength {
    margin-left: 32%;
  }
}

.registration-selection input,
.registration-selection label {
  display: inline;
  float: none;
}

.account-wrapper .login {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.account-wrapper .login .content-single-column {
  margin: unset;
  padding: unset;
  max-width: 900px;
  width: 100%;
}
.account-wrapper .login .content-single-column .login-box-content {
  margin: 0 50px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .account-wrapper .login .content-single-column .login-box-content {
    margin: 0 100px;
  }
}
.account-wrapper .login .content-single-column .login-box-content .login-rememberme {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 0;
  margin-bottom: 0;
  gap: 5px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .login .content-single-column .login-box-content .login-rememberme {
    gap: 0;
  }
}
.account-wrapper .login .content-single-column .login-box-content .login-rememberme .label-after {
  padding-left: 0;
  width: 7%;
}
@media screen and (min-width: 768px) {
  .account-wrapper .login .content-single-column .login-box-content .login-rememberme .label-after {
    margin-bottom: 0;
  }
}
.account-wrapper h1 {
  display: none;
}
.account-wrapper .account-banner__content-header {
  display: block;
  height: 60px;
  margin-top: 25px;
}
.account-wrapper .address-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  margin: 15px 0 0;
  padding: 0;
}
.account-wrapper .address-list .address-tile {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  list-style-type: none;
  margin-bottom: 20px;
  padding: 20px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .account-wrapper .address-list .address-tile {
    -webkit-flex-basis: 45%;
        -ms-flex-preferred-size: 45%;
            flex-basis: 45%;
  }
}
.account-wrapper .address-list .address-tile:nth-child(odd) {
  background-color: #f1e0ce;
}
.account-wrapper .address-list .address-tile:nth-child(even) {
  background-color: #f7edeb;
}
@media screen and (min-width: 768px) {
  .account-wrapper .address-list .address-tile:nth-child(even) {
    margin-left: 15px;
  }
}
.account-wrapper .address-list .address-tile.default .mini-address-title {
  max-width: 100%;
}
.account-wrapper .address-list h3 {
  margin-top: 0;
}
.account-wrapper .address-list .mini-address-title {
  font-weight: bold;
  max-width: 40%;
}
.account-wrapper .address-list .mini-address-name,
.account-wrapper .address-list address {
  font-size: 16px;
  line-height: 24px;
}
.account-wrapper .address-list .mini-address-location {
  margin-bottom: 20px;
}
.account-wrapper .address-list .address-make-default {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .account-wrapper .address-list .address-make-default {
    max-width: 50%;
    position: absolute;
    right: 20px;
    top: 20px;
    text-align: right;
  }
}
.account-wrapper .address-list .address-make-default + .div {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
}
@media screen and (min-width: 768px) {
  .account-wrapper .address-list .address-make-default + .div {
    display: none;
  }
}
.account-wrapper .address-list .address-manage {
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  display: inline-block;
  margin-top: auto;
}
@media screen and (min-width: 768px) {
  .account-wrapper .address-list .address-manage {
    display: block;
  }
}
.account-wrapper .payment-list {
  -webkit-box-align: top;
  -webkit-align-items: top;
      -ms-flex-align: top;
          align-items: top;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .account-wrapper .payment-list {
    width: auto;
    margin: 30px 95px;
  }
}
.account-wrapper .payment-list li {
  list-style-type: none;
  padding: 35px;
  margin: 0;
  background-color: #ffffff;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (min-width: 768px) {
  .account-wrapper .payment-list li {
    width: calc(50% - 100px);
    margin: 5px;
  }
}
@media screen and (min-width: 1180px) {
  .account-wrapper .payment-list li {
    width: calc(33.333% - 10px);
  }
}
.account-wrapper .payment-list li.default {
  background-color: #323132;
  color: #ffffff;
}
.account-wrapper .payment-list li.default h3,
.account-wrapper .payment-list li.default a {
  color: #ffffff;
}
.account-wrapper .payment-list li h3 {
  margin-top: 0;
}
.account-wrapper .payment-list .mini-address-location {
  margin-bottom: 20px;
}
.account-wrapper .payment-list .cc-owner {
  font-weight: 700;
}
.account-wrapper .field-wrapper.valid:after {
  content: "\e926";
  line-height: 25px;
  text-align: center;
  color: #ffffff;
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  right: 10px;
  top: 8px;
  border-radius: 50%;
  background-color: #00b451;
}

.address-create-button-container .button {
  margin-bottom: 20px;
  margin-left: 20px;
  width: auto;
}
@media screen and (min-width: 768px) {
  .address-create-button-container .button {
    margin-left: 0;
    width: 50%;
  }
}
@media screen and (min-width: 1180px) {
  .address-create-button-container .button {
    width: 33.333%;
  }
}

.back-toggle {
  background-color: transparent;
  border: none;
  color: #333133;
  font-size: 0.75em;
  letter-spacing: 2.3px;
  font-weight: 400;
}
@media screen and (min-width: 1180px) {
  .back-toggle {
    position: absolute;
    top: 50px;
  }
}
.back-toggle:hover {
  background: none;
  color: #333133;
}
.back-toggle:hover span {
  text-decoration: underline;
}
.back-toggle span {
  padding-left: 10px;
  text-transform: uppercase;
  line-height: 22px;
  vertical-align: top;
}

.pt_order .pagination {
  background: transparent;
  margin-top: 0;
}
@media screen and (min-width: 768px) {
  .pt_order .pagination {
    margin-bottom: 20px;
  }
}
.pt_order .pagination ul {
  background: transparent;
}
.pt_order .results-hits {
  display: block;
}
.pt_order .search-result-items {
  padding-bottom: 0;
}
@media screen and (min-width: 768px) {
  .pt_order .search-result-items {
    padding-bottom: 30px;
  }
}
.pt_order .search-result-options {
  z-index: 220;
  position: relative;
  width: auto;
  height: auto;
  z-index: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  overflow: visible;
  max-width: 1500px;
  background-color: #f8f8f8;
  margin: 0 auto;
}
.pt_order .search-result-options.active {
  width: auto;
}

.account-wrapper {
  background-color: #ffffff;
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .account-wrapper {
    padding: 0 10px;
  }
}
.account-wrapper .account-banner__content {
  position: relative;
  overflow: hidden;
  text-align: center;
  margin: 0 auto;
  max-width: 980px;
}
.account-wrapper .account-banner__content h1,
.account-wrapper .account-banner__content p {
  font-family: "proxima-nova", Arial, sans-serif;
  color: #ffffff;
  position: relative;
  z-index: 1;
}
.account-wrapper .account-banner__content h1 {
  text-transform: capitalize;
  margin: 25px 0;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account-banner__content h1 {
    margin-bottom: 0;
  }
}
.account-wrapper .account-banner__content p {
  display: none;
  margin-bottom: 25px;
  margin-top: -5px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account-banner__content p {
    display: block;
  }
}
.account-wrapper .account-banner__content img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  min-height: 1000%;
  min-width: 1000%;
  -webkit-transform: translate(-50%, -50%) scale(0.1);
          transform: translate(-50%, -50%) scale(0.1);
}
.account-wrapper .account {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.account-wrapper .account__tabs {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__tabs {
    -webkit-flex-basis: 30%;
        -ms-flex-preferred-size: 30%;
            flex-basis: 30%;
    margin-right: 10px;
  }
}
.account-wrapper .account__tabs--display {
  display: none;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__tabs--display {
    display: block;
    min-width: 29%;
  }
}
.account-wrapper .account__content-page-detail {
  display: none;
}
.account-wrapper .account__content-page-detail .account__content-page-header {
  margin: 5px auto 0 auto;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__content-page-detail .account__content-page-header {
    margin: 0;
    width: 100%;
  }
}
.account-wrapper .account__content-page-detail .form-error span {
  background-color: #00B451;
  color: #ffffff;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9px 0;
  margin: 10px auto 0;
  text-align: left;
  width: 90%;
}
.account-wrapper .account__content-page-detail .form-error span::before {
  content: "\e926";
  color: #ffffff;
  font-size: 45px;
  font-weight: bold;
  margin-left: 11px;
  margin-right: 16px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__content-page-detail .form-error span {
    width: 100%;
  }
}
.account-wrapper .account__content-page {
  display: none;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__content-page {
    -webkit-flex-basis: 70%;
        -ms-flex-preferred-size: 70%;
            flex-basis: 70%;
    display: block;
  }
}
.account-wrapper .account__content-page .account__content-page-detail:first-child {
  display: none;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__content-page .account__content-page-detail:first-child {
    display: block;
  }
}
.account-wrapper .account__tabs-list-item i,
.account-wrapper .account__helpout-page-tabs-list-item i,
.account-wrapper .account__content-page-header i {
  font-size: 13px;
  font-weight: bold;
}
.account-wrapper .account__tabs-list-item i::before,
.account-wrapper .account__helpout-page-tabs-list-item i::before,
.account-wrapper .account__content-page-header i::before {
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.account-wrapper .account__content-page-header {
  position: relative;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  padding: 14px 0;
  margin: 0;
  border-bottom: 1px solid #000000;
  text-align: center;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__content-page-header {
    font-size: 18px;
    text-align: left;
  }
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__content-page-header i {
    display: none;
  }
}
.account-wrapper .account__content-page-header i::before {
  top: 30%;
  left: 0;
  right: initial;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.account-wrapper .account__tabs-list {
  padding: 0;
  margin: 0;
}
.account-wrapper .account__tabs-list .account__tabs-list-item {
  cursor: pointer;
  position: relative;
  font-weight: 600;
  letter-spacing: 1px;
  list-style-type: none;
  line-height: 20px;
  margin: 0 auto;
  border-bottom: 1px solid #000000;
  width: 90%;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__tabs-list .account__tabs-list-item {
    width: initial;
  }
}
.account-wrapper .account__tabs-list .account__tabs-list-item a, .account-wrapper .account__tabs-list .account__tabs-list-item span {
  display: block;
  padding: 15px 0;
}
.account-wrapper .account__tabs-list .account__tabs-list-item a {
  text-decoration: none;
  color: #333133;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__tabs-list .account__tabs-list-item i {
    display: none;
  }
}
.account-wrapper .account__tabs-list .account__tabs-list-item:last-child {
  font-weight: normal;
  background: url("../images/logout.svg") no-repeat right 0 center;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__tabs-list .account__tabs-list-item:last-child {
    background: url("../images/logout.svg") no-repeat right 12px center;
  }
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__tabs-list .active,
  .account-wrapper .account__tabs-list .hover {
    padding-left: 15px;
  }
  .account-wrapper .account__tabs-list .active::after,
  .account-wrapper .account__tabs-list .hover::after {
    content: "";
    position: absolute;
    display: block;
    height: 30px;
    border-left: 1px solid #000000;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__tabs-list .hover::after {
    border-left: 1px solid #999999;
  }
}
.account-wrapper .account__helpout-page {
  display: block;
  -webkit-box-align: top;
  -webkit-align-items: top;
      -ms-flex-align: top;
          align-items: top;
  padding: 5px 15px 0 15px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__helpout-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    padding: 5px 0 0 0;
  }
}
.account-wrapper .account__helpout-page-content {
  -webkit-flex-basis: 55%;
      -ms-flex-preferred-size: 55%;
          flex-basis: 55%;
  margin-bottom: 30px;
}
.account-wrapper .account__helpout-page-content p {
  color: #333133;
  line-height: 22px;
}
.account-wrapper .account__helpout-page-content a {
  text-decoration: none;
}
.account-wrapper .account__helpout-page-tabs {
  -webkit-flex-basis: 45%;
      -ms-flex-preferred-size: 45%;
          flex-basis: 45%;
}
.account-wrapper .account__helpout-page-tabs-list {
  margin-top: 10px;
  padding: 0;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__helpout-page-tabs-list {
    padding: 0 0 0 25px;
  }
}
.account-wrapper .account__helpout-page-tabs-list .account__helpout-page-tabs-list-item:first-child a {
  padding-top: 0;
}
.account-wrapper .account__helpout-page-tabs-list-item {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  line-height: 16px;
  list-style-type: none;
  border-bottom: 1px solid #000000;
}
.account-wrapper .account__helpout-page-tabs-list-item a {
  color: #333133;
  display: block;
  position: relative;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  text-decoration: none;
  padding: 18px 0;
  width: 100%;
  z-index: 1;
}
.account-wrapper .account__mydata-page {
  display: block;
  padding: 18px 15px 0 15px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__mydata-page {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    padding: 16px 0 0 0;
  }
}
.account-wrapper .account__mydata-page .account__mydata-page-user {
  margin-right: 0;
  -webkit-flex-basis: 41%;
      -ms-flex-preferred-size: 41%;
          flex-basis: 41%;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__mydata-page .account__mydata-page-user {
    margin-right: 20px;
  }
}
.account-wrapper .account__mydata-page .account__mydata-page-password {
  -webkit-flex-basis: 44%;
      -ms-flex-preferred-size: 44%;
          flex-basis: 44%;
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__mydata-page .account__mydata-page-password {
    margin-top: 0;
  }
}
.account-wrapper .account__mydata-page .form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 0;
}
.account-wrapper .account__mydata-page .form-row-button {
  margin-top: 2px;
  margin-left: 0;
  width: 39%;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__mydata-page .form-row-button {
    margin-top: 14px;
  }
}
.account-wrapper .account__mydata-page .form-row-button button {
  font-size: 14px;
  line-height: 22px;
  padding: 7px;
}
.account-wrapper .account__mydata-page .form-row__label,
.account-wrapper .account__mydata-page label {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 2px;
}
.account-wrapper .account__mydata-page .form-row__label span,
.account-wrapper .account__mydata-page label span {
  color: #333133;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
  white-space: nowrap;
  letter-spacing: 1px;
}
.account-wrapper .account__mydata-page .form-row__label .required-indicator,
.account-wrapper .account__mydata-page label .required-indicator {
  display: none;
}
.account-wrapper .account__mydata-page .form-row__label .form-caption,
.account-wrapper .account__mydata-page label .form-caption {
  white-space: nowrap;
}
.account-wrapper .account__mydata-page .field-wrapper {
  padding: 0;
  width: 100%;
  margin-bottom: 20px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__mydata-page .field-wrapper {
    margin-bottom: 10px;
  }
}
.account-wrapper .account__mydata-page .field-wrapper label,
.account-wrapper .account__mydata-page .field-wrapper p {
  display: none;
  white-space: nowrap;
}
.account-wrapper .account__mydata-page .field-wrapper label.error,
.account-wrapper .account__mydata-page .field-wrapper p.error {
  width: auto;
}
.account-wrapper .account__mydata-page legend {
  float: none;
  color: #333133;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 1px;
  text-transform: none;
  padding: 5px 0 10px;
  margin-bottom: 16px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__mydata-page legend {
    margin-bottom: 9px;
  }
}
.account-wrapper .account__helpout-page,
.account-wrapper .account__mydata-page {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__helpout-page,
  .account-wrapper .account__mydata-page {
    width: 100%;
  }
}
.account-wrapper .address-create-button-container,
.account-wrapper .addresses__form,
.account-wrapper .addresses__form-status {
  width: 90%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .account-wrapper .address-create-button-container,
  .account-wrapper .addresses__form,
  .account-wrapper .addresses__form-status {
    width: 100%;
  }
}
.account-wrapper .address-create-button-container .button,
.account-wrapper .addresses__form .button,
.account-wrapper .addresses__form-status .button {
  margin-left: 0;
}
@media screen and (min-width: 768px) {
  .account-wrapper .addresses__form {
    padding: 0;
  }
}
.account-wrapper .addresses__form h1 {
  position: relative;
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 16px;
  text-transform: none;
  padding-bottom: 10px;
  margin: 14px 0 5px 0;
}
.account-wrapper .addresses__form h1::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  border-bottom: 1px solid #707070;
  width: 100%;
}
.account-wrapper .addresses__form .addresses__form-header {
  margin-bottom: 18px;
  margin-top: 0;
}
.account-wrapper .addresses__form .form-horizontal .form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.account-wrapper .addresses__form .form-horizontal .form-row.house-number {
  display: none;
}
.account-wrapper .addresses__form .form-horizontal .form-row.house-number.is-visible {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.account-wrapper .addresses__form .form-horizontal .form-row-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
}
@media screen and (min-width: 768px) {
  .account-wrapper .addresses__form .form-horizontal .form-row-button {
    margin-left: 0;
    width: 50%;
  }
}
.account-wrapper .addresses__form .form-horizontal .field-wrapper {
  margin-bottom: 5px;
  padding-left: 0;
}
.account-wrapper .addresses__form .form-horizontal .field-wrapper label {
  display: none;
}
.account-wrapper .addresses__form .form-horizontal .info-text,
.account-wrapper .addresses__form .form-horizontal .phone-explanation {
  display: none;
}
.account-wrapper .addresses__form .form-horizontal label {
  font-size: 12px;
  text-transform: uppercase;
  margin-bottom: 4px;
}
.account-wrapper .addresses__form .form-horizontal span {
  color: #707070;
}
.account-wrapper .addresses__form .form-horizontal input[type=radio] + label {
  display: block;
}
.account-wrapper .addresses__form .form-horizontal input[type=radio] + label:before {
  width: 14px;
  height: 14px;
}
.account-wrapper .addresses__form .form-horizontal input[type=radio] + label:after {
  width: 6px;
  height: 6px;
}
.account-wrapper .addresses__form button.simple {
  margin-left: auto;
}
.account-wrapper .address-hover {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  text-align: center;
  background-color: #333133;
  opacity: 0.8;
  z-index: 1;
}
.account-wrapper .address-hover span,
.account-wrapper .address-hover button {
  font-family: "proxima-nova", Arial, sans-serif;
}
.account-wrapper .address-hover span {
  display: block;
  color: #ffffff;
  font-size: 16px;
  line-height: 20px;
  margin-bottom: 10px;
}
.account-wrapper .address-hover a {
  color: #ffffff;
  background-color: #000000;
  font-size: 14px;
  line-height: 22px;
  padding: 15px 25px;
  text-decoration: none;
}
.account-wrapper .address-hover a:hover {
  color: #000000;
  background-color: #ffffff;
  border: none;
  cursor: pointer;
}
.account-wrapper .address-hover .address-hover__btns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.account-wrapper .address-hover .address-hover__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.account-wrapper .account__orders-page {
  margin: 15px 0 0 0;
  padding: 0;
}
.account-wrapper .account__orders-page form {
  position: relative;
  margin: 0 !important;
}
.account-wrapper .account__orders-page .search-result-items {
  padding: 0;
}
.account-wrapper .account__orders-page .search-result-items li {
  position: relative;
  background-color: #f1e0ce;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-bottom: 55px;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .search-result-items li {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    padding-bottom: 0;
    margin-bottom: 25px;
  }
}
.account-wrapper .account__orders-page .order-history-header {
  -webkit-flex-basis: 100%;
      -ms-flex-preferred-size: 100%;
          flex-basis: 100%;
  background-color: inherit;
  padding: 10px 0 0;
  margin: 7px 12px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-history-header {
    -webkit-flex-basis: auto;
        -ms-flex-preferred-size: auto;
            flex-basis: auto;
    -webkit-flex-shrink: 0;
        -ms-flex-negative: 0;
            flex-shrink: 0;
    border-right: 1px solid #000000;
    padding: 12px 20px 0 0;
    margin: 23px 20px 23px 28px;
  }
}
.account-wrapper .account__orders-page .order-history-header .label {
  font-weight: normal;
}
.account-wrapper .account__orders-page .order-history-header + .order-history-items {
  padding: 0 12px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-history-header + .order-history-items {
    padding: 23px 0;
  }
}
.account-wrapper .account__orders-page .order-history__button-set {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-history__button-set button {
    margin-top: 15px;
  }
}
.account-wrapper .account__orders-page .order-history-header__order-btn {
  position: absolute;
  top: 15px;
  left: auto;
  right: 0;
  border: 0;
  width: auto;
  background: none;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-history-header__order-btn {
    position: static;
    background-color: #000000;
    border: 1px solid #000000;
    margin-right: 15px;
  }
  .account-wrapper .account__orders-page .order-history-header__order-btn:hover {
    color: #000000;
    background-color: #ffffff;
    border: 1px solid #000000;
  }
}
.account-wrapper .account__orders-page .order-history-header__order-btn,
.account-wrapper .account__orders-page .order-history-header__reorder-btn {
  font-size: 15px;
  padding: 13px 18px;
  white-space: nowrap;
}
.account-wrapper .account__orders-page .order-history-header__order-btn span,
.account-wrapper .account__orders-page .order-history-header__reorder-btn span {
  visibility: hidden;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-history-header__order-btn span,
  .account-wrapper .account__orders-page .order-history-header__reorder-btn span {
    visibility: visible;
  }
}
.account-wrapper .account__orders-page .order-history-header__order-btn i,
.account-wrapper .account__orders-page .order-history-header__reorder-btn i {
  color: #000000;
  font-size: 13px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-history-header__order-btn i,
  .account-wrapper .account__orders-page .order-history-header__reorder-btn i {
    display: none;
  }
}
.account-wrapper .account__orders-page .order-history-header__reorder-btn {
  background-color: #ffffff;
  border: 1px solid #000000;
  color: #000000;
}
.account-wrapper .account__orders-page .order-history-header__reorder-btn:hover {
  background-color: #000000;
  color: #ffffff;
}
.account-wrapper .account__orders-page .order-status {
  font-size: 16px;
}
.account-wrapper .account__orders-page .order-status .label {
  font-weight: 700;
}
.account-wrapper .account__orders-page .order-status .value {
  font-size: 14px;
}
.account-wrapper .account__orders-page .order-status span {
  white-space: nowrap;
}
.account-wrapper .account__orders-page .order-status,
.account-wrapper .account__orders-page .order-date,
.account-wrapper .account__orders-page .order-number {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
  margin-bottom: 4px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-status,
  .account-wrapper .account__orders-page .order-date,
  .account-wrapper .account__orders-page .order-number {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 0 0 15px;
  }
}
.account-wrapper .account__orders-page .order-status .value,
.account-wrapper .account__orders-page .order-date .value,
.account-wrapper .account__orders-page .order-number .value {
  margin-left: 5px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-status .value,
  .account-wrapper .account__orders-page .order-date .value,
  .account-wrapper .account__orders-page .order-number .value {
    margin-left: 0;
  }
}
.account-wrapper .account__orders-page .order-history-items {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-history-items {
    padding-right: 25px;
  }
}
.account-wrapper .account__orders-page .order-history-items--desktop-view {
  display: none;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-history-items--desktop-view {
    display: table;
  }
}
.account-wrapper .account__orders-page .order-images--mobile-view {
  display: block;
  padding: 5px 0 10px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-images--mobile-view {
    display: none;
    padding: 0;
  }
}
.account-wrapper .account__orders-page .order-history-table th,
.account-wrapper .account__orders-page .order-history-table .value {
  display: none;
}
.account-wrapper .account__orders-page .order-history-table td:nth-child(1),
.account-wrapper .account__orders-page .order-history-table td:nth-child(3) {
  display: none;
}
.account-wrapper .account__orders-page .order-items__image {
  position: relative;
  overflow: hidden;
  width: 23%;
  margin-right: 8px;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page .order-items__image {
    width: 18%;
    margin-right: 16px;
  }
}
.account-wrapper .account__orders-page .order-items__image img {
  max-width: 100%;
  max-height: 100%;
}
.account-wrapper .account__orders-page .order-items__remaining-value {
  display: none;
  color: #ffffff;
  background-color: #000000;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 40px;
  text-align: center;
  width: 100%;
  height: 100%;
  opacity: 0.4;
}
.account-wrapper .account__orders-page .order-items__remaining-value span {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.account-wrapper .account__orders-page .order-items__list .order-items__image:nth-child(4) .order-items__remaining-value {
  display: block;
  cursor: pointer;
}
.account-wrapper .account__orders-page .order-items ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.account-wrapper .account__orders-page .order-items ul .order-items__image:last-child {
  margin-right: 0;
}
.account-wrapper .account__orders-page .order-items li {
  display: none;
}
.account-wrapper .account__orders-page-details {
  width: 90%;
  padding: 0;
  margin: 16px auto 0 auto;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders-page-details {
    width: 100%;
  }
}
.account-wrapper .account__orders-page-details .order-date,
.account-wrapper .account__orders-page-details .order-status,
.account-wrapper .account__orders-page-details .order-billing,
.account-wrapper .account__orders-page-details .order-payment-instruments,
.account-wrapper .account__orders-page-details .order-payment-summary {
  margin: 0;
}
.account-wrapper .account__orders-page-details .order-billing,
.account-wrapper .account__orders-page-details .order-information,
.account-wrapper .account__orders-page-details .order-payment-instruments,
.account-wrapper .account__orders-page-details .order-shipments {
  padding-bottom: 10px;
}
.account-wrapper .account__orders-page-details .order-billing .payment-amount,
.account-wrapper .account__orders-page-details .order-information .payment-amount,
.account-wrapper .account__orders-page-details .order-payment-instruments .payment-amount,
.account-wrapper .account__orders-page-details .order-shipments .payment-amount {
  display: none;
}
.account-wrapper .account__orders-page-details .order-billing .order-date strong,
.account-wrapper .account__orders-page-details .order-information .order-date strong,
.account-wrapper .account__orders-page-details .order-payment-instruments .order-date strong,
.account-wrapper .account__orders-page-details .order-shipments .order-date strong {
  text-transform: capitalize;
}
.account-wrapper .account__orders-page-details .order-billing,
.account-wrapper .account__orders-page-details .order-payment-instruments,
.account-wrapper .account__orders-page-details .order-shipments {
  margin-top: 7px;
}
.account-wrapper .account__orders-page-details .order-billing .mini-address-location {
  margin-top: -4px;
}
.account-wrapper .account__orders-page-details .order-billing address {
  line-height: 22px;
}
.account-wrapper .account__orders-page-details .order-status,
.account-wrapper .account__orders-page-details h3 {
  display: block;
  border-bottom: 1px solid #000000;
  padding-bottom: 10px;
}
.account-wrapper .account__orders-page-details .order-status .label,
.account-wrapper .account__orders-page-details h3 .label {
  font-size: 16px;
  font-weight: 600;
}
.account-wrapper .account__orders-page-details h3 {
  margin: 0 0 10px 0;
  font-weight: bold;
}
.account-wrapper .account__orders-page-details .order-shipments h3 {
  padding-bottom: 0;
  margin: 0;
}
.account-wrapper .account__orders-page-details .order-shipments .order-shipment-table {
  background-color: transparent;
}
.account-wrapper .account__orders-page-details .order-shipments .line-item {
  border-bottom: 1px solid #707070;
  margin-top: 14px;
}
.account-wrapper .account__orders-page-details .order-shipments .line-item-details {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 20px;
  width: 100%;
}
.account-wrapper .account__orders-page-details .order-shipments .line-item-details__image-link {
  display: block;
}
.account-wrapper .account__orders-page-details .order-shipments .line-item-details__image {
  -webkit-flex-basis: 23%;
      -ms-flex-preferred-size: 23%;
          flex-basis: 23%;
}
.account-wrapper .account__orders-page-details .order-shipments .line-item-details__image img {
  max-width: 100%;
  max-height: 100%;
}
.account-wrapper .account__orders-page-details .order-shipments .line-item-details__content {
  -webkit-flex-basis: 77%;
      -ms-flex-preferred-size: 77%;
          flex-basis: 77%;
  padding-left: 5px;
}
.account-wrapper .account__orders-page-details .order-shipments .line-item-quantity {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  line-height: 13px;
  text-align: left;
  margin-bottom: 0;
}
.account-wrapper .account__orders-page-details .order-shipments .attribute {
  line-height: 17px;
  margin: 2px 0 5px 0;
}
.account-wrapper .account__orders-page-details .order-shipments .name-link {
  color: #57575c;
  display: block;
  font-size: 14px;
  font-weight: 600;
  line-height: 16px;
  text-decoration: none;
}
.account-wrapper .account__orders-page-details .order-shipment-table {
  margin: 0;
  padding: 0;
}
.account-wrapper .account__orders-page-details .order-payment-summary {
  margin-bottom: -5px;
  margin-top: 10px;
  float: none;
}
.account-wrapper .account__orders-page-details .order-payment-summary h3 {
  margin-bottom: 0;
}
.account-wrapper .account__orders-page-details .order-totals-table {
  width: 100%;
}
.account-wrapper .account__orders-page-details .order-totals-table tr {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  border-bottom: 1px solid #707070;
}
.account-wrapper .account__orders-page-details .order-totals-table tr:last-child {
  border-bottom: 0;
  border-top: 1px solid #000000;
}
.account-wrapper .account__orders-page-details .order-totals-table td {
  font-size: 14px;
  text-transform: none;
  border: 0 !important;
  padding: 11px 0;
}
.account-wrapper .account__orders-page-details .order-helpout-tabs ul {
  padding: 0;
}
.account-wrapper .account__orders-page-details .order-number {
  margin-top: 10px;
}
.account-wrapper .account__orders-page-details .order-date strong {
  font-size: 15px;
  text-transform: lowercase;
}
.account-wrapper .account__orders .back-toggle {
  display: none;
}
@media screen and (min-width: 768px) {
  .account-wrapper .account__orders .back-toggle {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    top: 10px;
    left: 0;
    text-align: left;
    padding: 15px 0;
    margin: 0;
    width: auto;
  }
}
.account-wrapper .account__orders .back-toggle span {
  font-size: 13px;
  letter-spacing: 0.5px;
  padding: 0;
}
.account-wrapper .account__orders .back-toggle i {
  font-weight: bold;
  margin-right: 10px;
}

.pt_account ~ .ui-dialog .form-row-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.refer-a-friend-iframe-wrapper {
  padding: 14px 5%;
}
.refer-a-friend-iframe-wrapper iframe {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .refer-a-friend-iframe-wrapper {
    padding: 5px 0 0;
  }
}

.account-wrapper .addresses__form .form-horizontal .expand-field-button {
  margin: 0 0 10px;
}
.account-wrapper .addresses__form .form-horizontal .expand-field-button + .form-row {
  display: none;
}
.account-wrapper .addresses__form .form-horizontal .expand-field-button.expanded {
  display: none;
}
.account-wrapper .addresses__form .form-horizontal .expand-field-button.expanded + .form-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 768px) {
  .account-wrapper .addresses__form .form-horizontal .form-row.half-row {
    float: unset;
  }
  .account-wrapper .addresses__form .form-horizontal .form-row.half-row.last, .account-wrapper .addresses__form .form-horizontal .form-row.half-row.first {
    display: inline-block;
    width: calc(35% - 5px);
  }
  .account-wrapper .addresses__form .form-horizontal .form-row.half-row.last .field-wrapper, .account-wrapper .addresses__form .form-horizontal .form-row.half-row.first .field-wrapper {
    width: 100%;
  }
  .account-wrapper .addresses__form .form-horizontal .form-row.half-row label {
    width: 100%;
  }
  .account-wrapper .addresses__form .form-horizontal .form-row.last {
    margin-left: 5px;
  }
  .account-wrapper .addresses__form .form-horizontal .form-row.first {
    margin-right: 5px;
  }
}

.pt_gift-registry .create-new-registry {
  margin: 1em 0;
}
.pt_gift-registry .create-new-registry button {
  float: left;
  margin-right: 2em;
}
.pt_gift-registry .create-new-registry p {
  font-size: 1.3em;
}
.pt_gift-registry .add-gift-cert {
  border: 1px solid #f5f3f3;
  margin-bottom: -1px;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 0.83em;
}
.pt_gift-registry .add-gift-cert p {
  color: #999999;
  font-style: italic;
  line-height: 1.5em;
}
.pt_gift-registry .hdr-options {
  width: 9%;
}

.page-content-tab-navigaton button {
  background-color: #e0e0e0;
  border-color: #f5f3f3;
  border-width: 1px;
  color: #999999;
  font-size: 1.1em;
  font-style: italic;
  font-weight: 400;
  margin: 0 0 -1px;
}
.page-content-tab-navigaton button.selected {
  background-color: #ffffff;
  border-bottom: 1px solid #ffffff;
}

.page-content-tab-wrapper {
  border: 1px solid #f5f3f3;
  padding: 0.42em;
}

.gift-reg-purchases .item-purchased-by dd {
  float: left;
  font-weight: bold;
  margin: 0 1em 0 0;
  position: relative;
  width: auto;
}
.gift-reg-purchases .item-purchased-by dt {
  clear: both;
  float: left;
  margin: 0 1em 0 0;
  position: relative;
  width: auto;
}
.gift-reg-purchases .quantity-purchased {
  color: #990000;
}

.gift-registry-advanced:after {
  content: "";
  display: table;
  clear: both;
}
.gift-registry-advanced .toggle-content {
  display: none;
}

.content-banner {
  overflow: hidden;
  position: relative;
  width: 100%;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.content-banner .h1,
.content-banner h1 {
  width: auto;
  text-align: center;
  font-size: 1.3em;
  margin: 60px 18px;
  line-height: 35px;
  text-transform: uppercase;
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .content-banner .h1,
  .content-banner h1 {
    font-size: 1.5em;
    line-height: 50px;
    margin: 100px 60px;
  }
}
@media screen and (min-width: 1180px) {
  .content-banner .h1,
  .content-banner h1 {
    margin: 150px 60px;
  }
}

.content-mosaic,
.content-service-blocks,
.content-single-column,
.content-three-columns,
.content-tiles,
.content-two-columns,
.content-two-products {
  padding: 20px 18px;
}
@media screen and (min-width: 768px) {
  .content-mosaic,
  .content-service-blocks,
  .content-single-column,
  .content-three-columns,
  .content-tiles,
  .content-two-columns,
  .content-two-products {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 60px;
  }
}
@media screen and (min-width: 1180px) {
  .content-mosaic,
  .content-service-blocks,
  .content-single-column,
  .content-three-columns,
  .content-tiles,
  .content-two-columns,
  .content-two-products {
    margin: 75px auto;
    padding: 0 75px;
  }
}
.content-mosaic ol,
.content-mosaic ul,
.content-service-blocks ol,
.content-service-blocks ul,
.content-single-column ol,
.content-single-column ul,
.content-three-columns ol,
.content-three-columns ul,
.content-tiles ol,
.content-tiles ul,
.content-two-columns ol,
.content-two-columns ul,
.content-two-products ol,
.content-two-products ul {
  line-height: 24px;
}
@media screen and (max-width: 768px) {
  .content-mosaic h1,
  .content-service-blocks h1,
  .content-single-column h1,
  .content-three-columns h1,
  .content-tiles h1,
  .content-two-columns h1,
  .content-two-products h1 {
    font-weight: 400;
    margin: 0 0 20px;
    color: #333133;
    font-size: 23px;
  }
}
.content-mosaic h3,
.content-service-blocks h3,
.content-single-column h3,
.content-three-columns h3,
.content-tiles h3,
.content-two-columns h3,
.content-two-products h3 {
  font-weight: 400;
}
.content-mosaic svg,
.content-service-blocks svg,
.content-single-column svg,
.content-three-columns svg,
.content-tiles svg,
.content-two-columns svg,
.content-two-products svg {
  width: 60%;
  max-width: 300px;
  fill: #333133;
  stroke-width: 17;
  margin-bottom: 30px;
}

@media screen and (min-width: 768px) {
  .content-service-blocks > *:not(h1):not(h2):not(.h1):not(.h2),
  .content-single-column > *:not(h1):not(h2):not(.h1):not(.h2),
  .content-tiles > *:not(h1):not(h2):not(.h1):not(.h2) {
    margin-left: 100px;
    margin-right: 100px;
    max-width: 100%;
  }
}
.content-service-blocks img,
.content-single-column img,
.content-tiles img {
  width: 100%;
  vertical-align: middle;
}
.content-service-blocks table,
.content-single-column table,
.content-tiles table {
  border-collapse: collapse;
  text-align: left;
  width: calc(100% - 200px);
}
.content-service-blocks table td,
.content-single-column table td,
.content-tiles table td {
  border-left: 1px solid #e0e0e0;
  border-bottom: 1px solid #e0e0e0;
  padding: 12px;
}
.content-service-blocks table tbody td:first-child,
.content-single-column table tbody td:first-child,
.content-tiles table tbody td:first-child {
  border-left: none;
}
.content-service-blocks table tr:last-child td,
.content-single-column table tr:last-child td,
.content-tiles table tr:last-child td {
  border-bottom: none;
}

.ui-dialog .content-single-column {
  padding: 0;
  margin: 0;
}
.ui-dialog .content-single-column p {
  margin: 0 !important;
}

.content-centered,
.content-mosaic {
  text-align: center;
}
.content-centered > .h1,
.content-centered > p,
.content-centered > h1,
.content-mosaic > .h1,
.content-mosaic > p,
.content-mosaic > h1 {
  max-width: 700px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (min-width: 768px) {
  .content-centered {
    max-width: 1200px;
    margin: 60px auto;
    padding: 0 60px;
  }
}
@media screen and (min-width: 1180px) {
  .content-centered {
    margin: 75px auto;
    padding: 0 75px;
  }
}
@media screen and (max-width: 768px) {
  .content-centered > .h1,
  .content-centered > h1 {
    text-align: left;
    font-weight: 400;
    margin: 0 18px 20px;
    color: #333133;
    font-size: 23px;
  }
}

.content-mosaic:after,
.content-service-blocks:after,
.content-tiles:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 768px) {
  .content-mosaic > div > p,
  .content-service-blocks > div > p,
  .content-tiles > div > p {
    display: inline-block;
    height: 100%;
  }
}

.content-service-blocks {
  padding: 5px 0;
}
@media screen and (min-width: 768px) {
  .content-service-blocks > *:not(h1):not(h2):not(.h1):not(.h2) {
    margin: 0 auto;
    max-width: 980px;
  }
}
@media screen and (min-width: 768px) {
  .content-service-blocks {
    margin: 0 auto;
    max-width: 1180px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1180px) {
  .content-service-blocks {
    padding: 60px 0;
  }
}
@media screen and (min-width: 1180px) {
  .content-service-blocks {
    padding: 15px;
  }
}
.content-service-blocks .content-service-block-container {
  padding-top: 15px;
}
.content-service-blocks strong {
  font-size: 115%;
}
@media screen and (min-width: 768px) {
  .content-service-blocks > div > p {
    display: block;
  }
}
@media screen and (min-width: 1180px) {
  .content-service-blocks > div > p {
    width: 33.3%;
    float: left;
  }
}
.content-service-blocks .content-service-block-column:first-child .content-service-block:first-child {
  -webkit-flex-basis: 43%;
      -ms-flex-preferred-size: 43%;
          flex-basis: 43%;
}
.content-service-blocks .content-service-block-column:first-child .content-service-block:last-child {
  -webkit-flex-basis: 57%;
      -ms-flex-preferred-size: 57%;
          flex-basis: 57%;
}
.content-service-blocks .content-service-block-column:last-child .content-service-block:first-child {
  -webkit-flex-basis: 57%;
      -ms-flex-preferred-size: 57%;
          flex-basis: 57%;
}
.content-service-blocks .content-service-block-column:last-child .content-service-block:last-child {
  -webkit-flex-basis: 43%;
      -ms-flex-preferred-size: 43%;
          flex-basis: 43%;
}
.content-service-blocks .content-service-block-column {
  display: block;
  margin: 0;
  padding: 0;
  width: 100%;
  min-height: 155px;
}
@media screen and (min-width: 768px) {
  .content-service-blocks .content-service-block-column {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.content-service-blocks .content-service-block-column p {
  font-family: "proxima-nova", Arial, sans-serif;
  line-height: 18px;
  margin: 0;
  padding: 10px 35% 10px 15px;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
.content-service-blocks .content-service-block-column p a {
  cursor: pointer;
}
.content-service-blocks .content-service-block-column p a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.content-service-blocks .content-service-block-column .content-service-block:first-child {
  margin-right: 0;
}
@media screen and (min-width: 768px) {
  .content-service-blocks .content-service-block-column .content-service-block:first-child {
    margin-right: 15px;
  }
}
.content-service-blocks .content-service-block {
  position: relative;
  overflow: hidden;
  background-color: #F7EEEB;
  padding-top: 75px;
  margin-bottom: 20px;
  min-height: 85px;
}
@media screen and (min-width: 768px) {
  .content-service-blocks .content-service-block {
    margin-bottom: 15px;
    min-height: 100%;
  }
}
.content-service-blocks .content-service-block a, .content-service-blocks .content-service-block:not(.inverted) a {
  color: #333133;
  font-weight: 600;
  text-decoration: none;
}
.content-service-blocks .content-service-block img {
  position: absolute;
  top: 50%;
  left: 50%;
  max-width: none;
  min-height: 1000%;
  min-width: 1000%;
  -webkit-transform: translate(-50%, -50%) scale(0.1);
          transform: translate(-50%, -50%) scale(0.1);
}

@media screen and (min-width: 768px) {
  .content-tiles > *:not(h1):not(h2):not(.h1):not(.h2) {
    margin-right: 0;
  }
}
@media screen and (min-width: 768px) {
  .content-tiles > .h1,
  .content-tiles > h1 {
    max-width: 50%;
  }
}
@media screen and (min-width: 768px) {
  .content-tiles .content-tiles-column {
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px;
    float: left;
  }
}
@media screen and (min-width: 1180px) {
  .content-tiles .content-tiles-column {
    width: 27%;
  }
}
@media screen and (min-width: 768px) {
  .content-tiles .content-tiles-column:nth-of-type(2) {
    float: right;
  }
}
@media screen and (min-width: 1180px) {
  .content-tiles .content-tiles-column:nth-of-type(2) {
    float: left;
  }
}
@media screen and (min-width: 1180px) {
  .content-tiles .content-tiles-column:last-of-type {
    margin-top: 100px;
    width: 46%;
  }
}
.content-tiles .content-tiles-tile {
  background-color: #30397a;
  padding: 1px 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  margin: 10px 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content-tiles .content-tiles-tile:nth-of-type(2) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 1180px) {
  .content-tiles .content-tiles-tile:nth-of-type(2) {
    margin-bottom: 10px;
  }
}
.content-tiles .content-tiles-tile > .video-button,
.content-tiles .content-tiles-tile > img {
  margin: -20px;
  width: calc(100% + 40px);
}
.content-tiles .content-tiles-tile a {
  color: #ffffff;
  text-decoration: underline;
}

@media screen and (min-width: 768px) {
  .content-mosaic > .h1,
  .content-mosaic > h1 {
    max-width: 50%;
  }
}
.content-mosaic > div {
  position: relative;
}
.content-mosaic > div:after {
  content: "";
  display: table;
  clear: both;
}
.content-mosaic > div:not(:first-of-type) {
  overflow: hidden;
  max-height: 0;
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
@media screen and (min-width: 1180px) {
  .content-mosaic > div:not(:first-of-type) {
    top: -10px;
  }
}
.content-mosaic > div:not(:first-of-type) .content-mosaic-column {
  opacity: 0;
  -webkit-transform: translateY(50%);
          transform: translateY(50%);
  -webkit-transition: all 0.5s;
  transition: all 0.5s;
}
.content-mosaic > div:not(:first-of-type) .content-mosaic-column:first-of-type {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}
.content-mosaic > div:not(:first-of-type) .content-mosaic-column:last-of-type {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}
.content-mosaic.show-all > div:not(:first-of-type) {
  max-height: 10000px;
}
.content-mosaic.show-all > div:not(:first-of-type) .content-mosaic-column {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.content-mosaic.show-all > button {
  display: none;
}
@media screen and (min-width: 768px) {
  .content-mosaic .content-mosaic-column {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 5px;
  }
}
@media screen and (min-width: 1180px) {
  .content-mosaic .content-mosaic-column {
    width: 33.333%;
  }
}
@media screen and (min-width: 768px) {
  .content-mosaic .content-mosaic-column:last-child {
    width: calc(100% + 10px);
    margin: -5px;
  }
}
@media screen and (min-width: 1180px) {
  .content-mosaic .content-mosaic-column:last-child {
    width: 33.333%;
    margin: 0;
    float: left;
  }
}
@media screen and (min-width: 768px) {
  .content-mosaic .content-mosaic-column .content-mosaic-tile {
    width: calc(50% - 10px);
    margin: 5px;
    float: left;
  }
}
@media screen and (min-width: 1180px) {
  .content-mosaic .content-mosaic-column .content-mosaic-tile {
    width: 100%;
    margin: 10px 0;
    float: none;
  }
}
.content-mosaic .content-mosaic-tile {
  background-color: #30397a;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #ffffff;
  margin: 10px 0;
  width: 100%;
  height: 250px;
  overflow: hidden;
}
.content-mosaic .content-mosaic-tile.double-row-span {
  height: 510px;
}
.content-mosaic .content-mosaic-tile .category-link {
  height: 100%;
  width: 100%;
  background-size: cover;
  display: block;
  position: relative;
  background-size: cover;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.content-mosaic .content-mosaic-tile .category-link:before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  height: 60px;
  -webkit-transition: height 0.3s ease;
  transition: height 0.3s ease;
}
.content-mosaic .content-mosaic-tile .category-link:after {
  content: attr(title);
  position: absolute;
  color: #ffffff;
  bottom: 0;
  left: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
  margin: 20px;
  line-height: 20px;
  text-align: left;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
  border-bottom: 2px solid transparent;
}
@media screen and (min-width: 1180px) {
  .content-mosaic .content-mosaic-tile .category-link:hover {
    margin: -20px;
    padding: 20px;
  }
  .content-mosaic .content-mosaic-tile .category-link:hover:before {
    height: 100%;
  }
  .content-mosaic .content-mosaic-tile .category-link:hover:after {
    border-bottom-color: #ffffff;
    padding-bottom: 5px;
    margin-bottom: 40px;
    bottom: 20px;
    left: 20px;
  }
}
.content-mosaic button.inversed {
  margin-top: 10px;
}

@media screen and (min-width: 1180px) {
  .h1 ~ .content-service-blocks,
  h1 ~ .content-service-blocks {
    margin-top: -15px;
  }
}

@media screen and (min-width: 768px) {
  .content-two-products {
    margin: 0 -40px;
  }
}
.content-two-products > div > ul > li.grid-tile {
  float: none;
  display: table-footer-group;
}
@media screen and (min-width: 1180px) {
  .content-two-products > div > ul > li.grid-tile {
    float: left;
    display: table-cell;
  }
}
.content-two-products > div > ul > li.grid-tile:last-of-type {
  display: table-header-group;
}
@media screen and (min-width: 768px) {
  .content-two-products > div > ul > li.grid-tile:last-of-type {
    text-align: center;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-products > div > ul > li.grid-tile:last-of-type {
    text-align: left;
  }
}
.content-two-products .search-result-items {
  padding: 0 !important;
  display: block;
}
.content-two-products .product-tile {
  margin-left: 18px;
  text-align: left;
}
@media screen and (min-width: 768px) {
  .content-two-products .product-tile {
    margin: 0;
    padding: 0 40px;
  }
}
.content-two-products .product-image {
  margin-bottom: 25px;
}
.content-two-products .product-image img {
  height: 190px;
  width: auto;
}
@media screen and (min-width: 1180px) {
  .content-two-products .product-image img {
    margin: 0 auto;
    height: 315px;
  }
}
.content-two-products .product-name,
.content-two-products .product-pricing,
.content-two-products .product-skin {
  margin-bottom: 8px;
}
.content-two-products .product-review {
  display: block;
  margin: 0 0 5px;
  min-height: 67px;
}
@media screen and (min-width: 768px) {
  .content-two-products .product-review {
    min-height: 38px;
  }
}
.content-two-products .add-to-cart-link {
  display: block;
  position: relative;
  margin-top: 20px !important;
}

.content-two-products > div > ul > li.grid-tile {
  float: none;
  display: table-footer-group;
}
@media screen and (min-width: 1180px) {
  .content-two-products > div > ul > li.grid-tile {
    float: left;
    display: table-cell;
  }
}
.content-two-products > div > ul > li.grid-tile:last-of-type {
  display: table-header-group;
}
@media screen and (min-width: 768px) {
  .content-two-products > div > ul > li.grid-tile:last-of-type {
    text-align: center;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-products > div > ul > li.grid-tile:last-of-type {
    text-align: left;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-products .content {
    margin-left: 48px;
  }
}

.content-three-columns {
  display: table;
  margin-bottom: 0;
}
@media screen and (min-width: 1180px) {
  .content-three-columns {
    display: block;
  }
  .content-three-columns:after {
    content: "";
    display: table;
    clear: both;
  }
}
.content-three-columns .content {
  display: table-footer-group;
}
@media screen and (min-width: 768px) {
  .content-three-columns .content {
    float: left;
    display: inline-block;
    width: 50%;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    padding: 0 10px;
    margin-bottom: 20px;
    vertical-align: top;
  }
}
@media screen and (min-width: 1180px) {
  .content-three-columns .content {
    width: calc(33.3% - 2px);
  }
}
.pt_content .content-three-columns .content {
  display: unset;
}
@media screen and (min-width: 768px) {
  .content-three-columns .content:nth-child(odd) {
    clear: both;
  }
}
@media screen and (min-width: 1180px) {
  .content-three-columns .content:nth-child(odd) {
    clear: none;
  }
}
@media screen and (min-width: 1180px) {
  .content-three-columns .content.new-row {
    clear: both;
  }
}
.content-three-columns .content > a:not(.content__link) {
  text-decoration: none;
  color: #333133;
}
.content-three-columns .content > a:not(.content__link):hover {
  text-decoration: none;
}
.content-three-columns .content.span2 {
  display: table-footer-group;
}
@media screen and (min-width: 1180px) {
  .content-three-columns .content.span2 {
    display: block;
    width: 66.6%;
  }
}
@media screen and (min-width: 1180px) {
  .content-three-columns .content.span2 ~ .content {
    padding-left: 48px;
  }
}
.content-three-columns .content h2 {
  margin: 15px auto 20px;
}
.content-three-columns .content img {
  height: auto;
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}
.content-three-columns .content .button {
  margin-bottom: 20px;
}
.content-three-columns.customer-care-section, .content-three-columns.newsletter-section, .content-three-columns.newsletter-subscription-section {
  margin: 0;
  padding: 0 60px;
}
@media screen and (min-width: 1180px) {
  .content-three-columns.customer-care-section, .content-three-columns.newsletter-section, .content-three-columns.newsletter-subscription-section {
    margin: 0 auto;
    max-width: 1200px;
  }
}
@media screen and (max-width: 768px) {
  .content-three-columns.customer-care-section, .content-three-columns.newsletter-section, .content-three-columns.newsletter-subscription-section {
    padding: 0 18px;
  }
}
@media screen and (min-width: 1180px) {
  .content-three-columns.customer-care-section, .content-three-columns.newsletter-section, .content-three-columns.newsletter-subscription-section {
    padding: 0 75px;
  }
}
.content-three-columns.customer-care-section .email-subscribe, .content-three-columns.newsletter-section .email-subscribe, .content-three-columns.newsletter-subscription-section .email-subscribe {
  width: 350px;
  margin-bottom: 40px;
  position: relative;
}
@media screen and (min-width: 768px) {
  .content-three-columns.customer-care-section .email-subscribe, .content-three-columns.newsletter-section .email-subscribe, .content-three-columns.newsletter-subscription-section .email-subscribe {
    margin-left: 10px;
  }
}
.content-three-columns.customer-care-section .email-subscribe input[type=email], .content-three-columns.newsletter-section .email-subscribe input[type=email], .content-three-columns.newsletter-subscription-section .email-subscribe input[type=email] {
  padding: 0 44px 0 17px;
}
.content-three-columns.customer-care-section .email-subscribe .email-button-subscribe, .content-three-columns.newsletter-section .email-subscribe .email-button-subscribe, .content-three-columns.newsletter-subscription-section .email-subscribe .email-button-subscribe {
  position: absolute;
  top: 0;
  right: 0;
  padding: 8px;
  margin: 0;
  background-color: transparent;
  color: #333133;
  border: 1px solid #333133;
}
.content-three-columns.newsletter-section .content.span2 {
  margin-bottom: 0;
}
.content-three-columns.customer-care-section {
  margin-bottom: 50px;
}

.content-two-columns {
  font-weight: 400;
}
@media screen and (min-width: 768px) {
  .content-two-columns {
    display: table;
  }
}
.content-two-columns > * {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .content-two-columns > * {
    display: table-cell;
    vertical-align: top;
  }
  .content-two-columns > *:after {
    content: "";
    display: table;
    clear: both;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-columns > * {
    vertical-align: middle;
  }
}
@media screen and (min-width: 768px) {
  .content-two-columns.switch > div {
    float: right;
  }
}
@media screen and (min-width: 768px) {
  .content-two-columns.switch > div.content-container {
    width: 30%;
    padding-left: 0;
    float: left;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-columns.enter .content-image-container {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-columns.active .content-image-container {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@media screen and (min-width: 768px) {
  .content-two-columns .content-container {
    width: 35%;
    padding: 0 0 0 50px;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-columns .content-container {
    padding: 50px;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-columns .content-container.indented > *:not(h1):not(h2):not(.h1):not(.h2) {
    margin-left: 50px;
    max-width: 100%;
  }
}
.content-two-columns .content-container .h1,
.content-two-columns .content-container h1 {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .content-two-columns .content-container .h1,
  .content-two-columns .content-container h1 {
    margin-top: 0;
  }
}
@media screen and (min-width: 1180px) {
  .content-two-columns .content-container .h1,
  .content-two-columns .content-container h1 {
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  .content-two-columns .content-image-container {
    width: 65%;
  }
}
.content-two-columns .content-image-container img {
  width: 100%;
}

@media screen and (min-width: 1180px) {
  .content-promotion.enter .content-promotion-container, .content-promotion.enter > a, .content-promotion.enter > img {
    opacity: 0;
    -webkit-transform: translateY(50%);
            transform: translateY(50%);
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
  }
}
@media screen and (min-width: 1180px) {
  .content-promotion.enter > a, .content-promotion.enter > img {
    -webkit-transition-delay: 0.3s;
            transition-delay: 0.3s;
  }
}
@media screen and (min-width: 1180px) {
  .content-promotion.active .content-promotion-container, .content-promotion.active > a, .content-promotion.active > img {
    opacity: 1;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
.content-promotion > a,
.content-promotion > img {
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .content-promotion > a,
  .content-promotion > img {
    margin: 40px 5px 5px;
    float: right;
    width: calc(50% - 10px);
  }
  .content-promotion > a:after,
  .content-promotion > img:after {
    content: "";
    display: table;
    clear: both;
  }
}
.content-promotion > a > img {
  width: 100%;
}

.content-full-section {
  background-color: #fbf6f5;
  padding: 20px;
  margin-bottom: 20px;
  width: 100%;
}
.content-full-section h2 {
  border-bottom: 1px solid #333133;
  color: #333133;
  display: block;
}

.content__link {
  color: #30397a;
  text-decoration: underline;
}
.content__link:hover {
  text-decoration: none;
}

@media screen and (min-width: 1180px) {
  .content__link-image {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    height: 200px;
    width: 100%;
  }
}

@media screen and (min-width: 1180px) {
  .content__image {
    height: 100%;
    max-width: none;
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
  }
}

.article {
  max-width: 982px;
  margin: 0 35px;
  overflow: hidden;
  padding-bottom: 20px;
}
@media screen and (min-width: 1180px) {
  .article {
    margin: 0 auto;
    padding: 35px 35px 90px;
  }
}
.article p {
  text-align: justify;
}
.article header img {
  max-width: 100%;
  height: auto;
}
.article .content-single-column {
  margin: 0 auto;
  padding: 20px 0;
}
@media screen and (min-width: 768px) {
  .article .content-single-column {
    padding: 0 50px;
    margin: 60px auto;
  }
}
.article .content-single-column > p {
  margin-left: 0;
  margin-right: 0;
}
.article .content-single-column h1 {
  text-transform: uppercase;
}
@media screen and (min-width: 768px) {
  .article .content-single-column h1 {
    margin-left: 100px;
    margin-right: 100px;
  }
}

.contact-form h2 {
  color: #333133;
  font-size: 2em;
  font-size: 30px;
  font-weight: 600;
  text-transform: uppercase;
}
.contact-form .article {
  padding-top: 0px;
}

.teaser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (min-width: 1180px) {
  .teaser {
    padding: 0;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}
.teaser h1 {
  font-size: 20px;
  letter-spacing: 1.4px;
  line-height: 42px;
  color: #ffffff;
  background-color: #a3c0bd;
  -webkit-box-ordinal-group: 3;
  -webkit-order: 2;
      -ms-flex-order: 2;
          order: 2;
  max-width: 100%;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  padding: 33px 60px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-transform: unset;
}
@media screen and (min-width: 1180px) {
  .teaser h1 {
    font-size: 34px;
    padding: 50px 58px;
    -webkit-box-ordinal-group: 2;
    -webkit-order: 1;
        -ms-flex-order: 1;
            order: 1;
  }
}
.teaser img {
  max-width: 100%;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
  margin-bottom: 10px;
  height: auto;
}
@media screen and (min-width: 768px) {
  .teaser img {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
        -ms-flex: 1 0 auto;
            flex: 1 0 auto;
  }
}
@media screen and (min-width: 1180px) {
  .teaser img {
    -webkit-box-ordinal-group: 3;
    -webkit-order: 2;
        -ms-flex-order: 2;
            order: 2;
  }
}

.teaser-alternate img {
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
      -ms-flex-order: 1;
          order: 1;
}
.teaser-alternate h1 {
  background-color: #97b3c9;
}

.teaser-video .video-button {
  display: block;
  line-height: 0;
}
.teaser-video img {
  max-width: 100%;
  height: auto;
}

.text-columns {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (min-width: 768px) {
  .text-columns {
    padding: 0 150px;
  }
}
@media screen and (min-width: 1180px) {
  .text-columns {
    margin: 0 -30px;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
.text-columns div {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  margin: 0 0 35px;
}
@media screen and (min-width: 1180px) {
  .text-columns div {
    margin: 0 30px 35px;
  }
}
.text-columns h2 {
  text-transform: uppercase;
  margin: 0 0 20px;
}
.text-columns ul {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 18px;
  line-height: 1.6em;
}
@media screen and (min-width: 1180px) {
  .text-columns ul {
    font-size: 14px;
  }
}
.text-columns ul li {
  list-style: none;
}

.category-scrolling-blocks {
  position: relative;
  min-height: 75vh;
}
.category-scrolling-blocks .category-scrolling-block {
  padding: 30px 18px;
  position: relative;
  margin-top: -1px;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .category-scrolling-block {
    padding: 0;
  }
  .category-scrolling-blocks .category-scrolling-block .category-scrolling-block-container {
    width: 100%;
    position: relative;
  }
}
.category-scrolling-blocks .block-wrapper {
  display: block;
  position: relative;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .block-wrapper {
    display: table;
    width: 100%;
    max-width: 1180px;
    margin: auto;
    height: auto;
  }
  .category-scrolling-blocks .block-wrapper .block {
    display: table-cell;
    vertical-align: middle;
    width: 50%;
  }
}
.category-scrolling-blocks .block-wrapper h1,
.category-scrolling-blocks .block-wrapper .h1,
.category-scrolling-blocks .block-wrapper h2,
.category-scrolling-blocks .block-wrapper .h2,
.category-scrolling-blocks .block-wrapper p {
  font-style: normal;
  font-stretch: normal;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .block-wrapper h1,
  .category-scrolling-blocks .block-wrapper .h1,
  .category-scrolling-blocks .block-wrapper h2,
  .category-scrolling-blocks .block-wrapper .h2,
  .category-scrolling-blocks .block-wrapper p {
    max-width: 80%;
  }
}
.category-scrolling-blocks .block-wrapper h1,
.category-scrolling-blocks .block-wrapper .h1 {
  line-height: 1.38;
  font-weight: 500;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .block-wrapper h1,
  .category-scrolling-blocks .block-wrapper .h1 {
    text-align: right;
    font-size: 55px;
    letter-spacing: 5.7px;
    margin: auto;
    font-weight: 200;
  }
}
.category-scrolling-blocks .block-wrapper h2,
.category-scrolling-blocks .block-wrapper .h2 {
  line-height: 1.46;
  letter-spacing: 0.3px;
  text-transform: none;
  text-align: left;
  padding: 0;
  margin: auto;
  margin-top: 30px;
  text-transform: none;
  font-weight: bold;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .block-wrapper h2,
  .category-scrolling-blocks .block-wrapper .h2 {
    font-size: 16px;
  }
}
.category-scrolling-blocks .block-wrapper p, .category-scrolling-blocks .block-wrapper a:not(.button) {
  letter-spacing: 0.3px;
  text-align: left;
}
.category-scrolling-blocks .block-wrapper p {
  margin: 10px;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .block-wrapper p {
    margin: 22px auto;
  }
}
.category-scrolling-blocks .cat-recommendation-banner,
.category-scrolling-blocks .cat-landing-banner,
.category-scrolling-blocks .sub-section {
  background-size: cover !important;
  background-position: center center;
}
.category-scrolling-blocks .cat-recommendation-banner .background-overlay,
.category-scrolling-blocks .cat-landing-banner .background-overlay,
.category-scrolling-blocks .sub-section .background-overlay {
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #323132;
  opacity: 0.8;
  position: absolute;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .cat-recommendation-banner .background-overlay,
  .category-scrolling-blocks .cat-landing-banner .background-overlay,
  .category-scrolling-blocks .sub-section .background-overlay {
    z-index: auto;
  }
}
.category-scrolling-blocks .cat-recommendation-banner {
  background-image: none !important;
}
.category-scrolling-blocks .cat-recommendation-banner h1 {
  color: #323132;
  font-size: 2.5em;
  line-height: 48px;
  letter-spacing: 1.8px;
}
.category-scrolling-blocks .cat-recommendation-banner h2,
.category-scrolling-blocks .cat-recommendation-banner .block-wrapper h2 a:not(.button),
.category-scrolling-blocks .cat-recommendation-banner p {
  color: #333133;
  text-decoration: none;
  font-size: 1em;
  line-height: 31px;
}
.category-scrolling-blocks .cat-recommendation-banner .block-wrapper a:not(.button) {
  color: #323132;
}
.category-scrolling-blocks .cat-recommendation-banner .block-wrapper {
  height: auto;
  margin: 25px auto;
}
.category-scrolling-blocks .cat-recommendation-banner .background-overlay {
  background-color: transparent;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .cat-landing-banner {
    height: 75vh;
  }
}
.category-scrolling-blocks .cat-landing-banner .background-overlay {
  background: #30397a;
  opacity: 1;
}
.category-scrolling-blocks .cat-landing-banner.main-banner .background-overlay {
  background: #323132;
  opacity: 0.2;
}
.category-scrolling-blocks .cat-landing-banner.main-banner .block {
  text-align: center;
}
.category-scrolling-blocks .cat-landing-banner.main-banner h1,
.category-scrolling-blocks .cat-landing-banner.main-banner .h1,
.category-scrolling-blocks .cat-landing-banner.main-banner h2,
.category-scrolling-blocks .cat-landing-banner.main-banner .h2 {
  width: 100%;
  max-width: 100%;
  margin: 0;
  line-height: normal;
  color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  text-align: center;
}
.category-scrolling-blocks .cat-landing-banner.main-banner h1,
.category-scrolling-blocks .cat-landing-banner.main-banner .h1 {
  letter-spacing: 7.92px;
  margin-bottom: 15px;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .cat-landing-banner.main-banner h1,
  .category-scrolling-blocks .cat-landing-banner.main-banner .h1 {
    font-size: 4.75em;
    text-shadow: 0 0 17px rgba(0, 0, 0, 0.5);
    margin-bottom: 40px;
  }
}
.category-scrolling-blocks .cat-landing-banner.main-banner h2,
.category-scrolling-blocks .cat-landing-banner.main-banner .h2 {
  letter-spacing: 9px;
  font-size: 1.1em;
  text-transform: uppercase;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .cat-landing-banner.main-banner h2,
  .category-scrolling-blocks .cat-landing-banner.main-banner .h2 {
    font-size: 1.125em;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.5);
    padding-bottom: 18px;
  }
}
.category-scrolling-blocks .cat-landing-banner .scroll-down {
  display: none;
}
.category-scrolling-blocks .sub-section {
  margin: 0 -18px;
  padding: 30px 18px;
  position: relative;
}
.category-scrolling-blocks .sub-section:first-child {
  margin-top: -30px;
}
.category-scrolling-blocks .sub-section:last-child {
  margin-bottom: -30px;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .sub-section {
    margin: 0;
    padding: 0;
  }
  .category-scrolling-blocks .sub-section:first-child, .category-scrolling-blocks .sub-section:last-child {
    margin-top: 0;
    margin-bottom: 0;
  }
}
.category-scrolling-blocks .sub-section .sub-section-container {
  display: table;
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .sub-section .sub-section-container {
    max-width: 1180px;
    margin: auto;
    padding: 25px 0;
  }
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .sub-section .sub-section-container > div {
    display: table-cell;
    width: 50%;
    vertical-align: middle;
    height: 100%;
    padding: 15px 0;
  }
}
.category-scrolling-blocks .sub-section .grid-tile {
  display: table-footer-group;
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .sub-section .grid-tile {
    display: table-cell;
  }
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .sub-section .product-tile,
  .category-scrolling-blocks .sub-section .sub-section-description-container {
    max-width: 385px;
  }
}
.category-scrolling-blocks .sub-section .product-tile h1,
.category-scrolling-blocks .sub-section .sub-section-description-container h1 {
  font-size: 1.5em;
  line-height: 1.33;
  margin-bottom: 0;
}
.category-scrolling-blocks .sub-section .product-tile p,
.category-scrolling-blocks .sub-section .sub-section-description-container p {
  margin: 10px 0;
}
.category-scrolling-blocks .sub-section .product-tile {
  text-align: center;
}
.category-scrolling-blocks .sub-section .product-tile .product-name {
  line-height: 31px;
}
.category-scrolling-blocks .sub-section .product-tile .product-review {
  text-align: center;
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .sub-section .product-tile {
    margin-right: 18px;
    margin-left: auto;
  }
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .sub-section .product-tile {
    margin-right: 60px;
    margin-left: auto;
  }
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .sub-section .sub-section-description-container {
    margin-left: 18px;
    margin-right: auto;
  }
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .sub-section .sub-section-description-container {
    margin-left: 60px;
    margin-right: auto;
  }
}
.category-scrolling-blocks .sub-section .sub-section-description {
  display: table-header-group;
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .sub-section .sub-section-description {
    display: table-cell;
  }
}
.category-scrolling-blocks .cat-landing-skintypes .sub-section {
  padding-bottom: 30px;
}
.category-scrolling-blocks .cat-landing-skintypes .sub-section:after {
  content: "";
  max-width: 1200px;
  width: 100%;
  display: block;
  margin: 0 auto;
  border-bottom: 1px solid #e0e0e0;
}
@media screen and (max-width: 1180px) {
  .category-scrolling-blocks .cat-landing-skintypes .sub-section.with-buttons .button {
    width: 100%;
    margin-top: 15px;
  }
}
@media screen and (max-width: 768px) {
  .category-scrolling-blocks .cat-landing-skintypes .sub-section.with-buttons {
    position: relative;
    padding-bottom: 145px;
  }
  .category-scrolling-blocks .cat-landing-skintypes .sub-section.with-buttons .sub-section-button-container {
    position: absolute;
    bottom: 15px;
    left: 15px;
    right: 15px;
  }
  .category-scrolling-blocks .cat-landing-skintypes .sub-section.with-buttons:after {
    bottom: 0;
    position: absolute;
    left: 15px;
    width: calc(100% - 30px);
  }
}
.category-scrolling-blocks .cat-landing-recommendations h1,
.category-scrolling-blocks .cat-landing-recommendations .h1,
.category-scrolling-blocks .cat-landing-recommendations h2,
.category-scrolling-blocks .cat-landing-recommendations .h2,
.category-scrolling-blocks .cat-landing-recommendations p,
.category-scrolling-blocks .cat-landing-recommendations a:not(.button) {
  color: #ffffff;
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .cat-landing-recommendations h1,
  .category-scrolling-blocks .cat-landing-recommendations .h1,
  .category-scrolling-blocks .cat-landing-recommendations h2,
  .category-scrolling-blocks .cat-landing-recommendations .h2,
  .category-scrolling-blocks .cat-landing-recommendations p,
  .category-scrolling-blocks .cat-landing-recommendations a:not(.button) {
    text-align: right;
  }
}
.category-scrolling-blocks .cat-landing-recommendations p {
  font-size: 18px;
}
.category-scrolling-blocks .cat-landing-recommendations .sub-section {
  background-position: right center;
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .cat-landing-recommendations .sub-section {
    background-position: center center;
  }
}
.category-scrolling-blocks .cat-landing-recommendations .button {
  background-color: #ffffff;
  border-color: #ffffff;
  color: #333133;
  text-align: center;
}
.category-scrolling-blocks .cat-landing-recommendations .button:hover {
  border-color: #333133;
}
.category-scrolling-blocks .cat-landing-recommendations .background-overlay {
  opacity: 1 !important;
  background-color: transparent;
  background-image: -webkit-gradient(linear, left top, right top, from(#f8f8f8), to(#f8f8f8)), -webkit-gradient(linear, left top, right top, from(rgba(233, 86, 110, 0.6)), to(rgba(233, 86, 110, 0.6)));
  background-image: linear-gradient(to right, #f8f8f8, #f8f8f8), linear-gradient(to right, rgba(233, 86, 110, 0.6), rgba(233, 86, 110, 0.6));
  background-repeat: no-repeat;
  background-position: bottom center, 0 0;
  background-size: 100% 460px, 100% 100%;
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .cat-landing-recommendations .background-overlay {
    z-index: 0;
    opacity: 1;
    background-size: 50% 100%, 50% 100%;
    background-position: right, left;
  }
}
.category-scrolling-blocks .cat-landing-recommendations .skin-routine .background-overlay {
  background: linear-gradient(0deg, #f8f8f8 335px, rgba(50, 49, 50, 0.6) 335px);
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .cat-landing-recommendations .skin-routine .background-overlay {
    background: -webkit-gradient(linear, left top, right top, color-stop(50%, rgba(50, 49, 50, 0.6)), color-stop(50%, #f8f8f8));
    background: linear-gradient(90deg, rgba(50, 49, 50, 0.6) 50%, #f8f8f8 50%);
  }
}
.category-scrolling-blocks .cat-landing-recommendations .sub-section-container {
  position: relative;
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .cat-landing-recommendations .product-tile {
    margin-right: auto;
    margin-left: 18px;
  }
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .cat-landing-recommendations .product-tile {
    margin-right: auto;
    margin-left: 60px;
  }
}
@media screen and (min-width: 768px) {
  .category-scrolling-blocks .cat-landing-recommendations .sub-section-description-container {
    margin-left: auto;
    margin-right: 18px;
  }
}
@media screen and (min-width: 1180px) {
  .category-scrolling-blocks .cat-landing-recommendations .sub-section-description-container {
    margin-left: auto;
    margin-right: 60px;
  }
}
.category-scrolling-blocks .recommendation_image .add-to-cart-link {
  display: none;
}

.category-scrolling-blocks-b .search-result-content {
  padding: 0 10px 10px;
}
.category-scrolling-blocks-b .search-result-items {
  padding-top: 0;
}

.pt_collectionlanding .collection-block h2 {
  margin-bottom: 0;
}
.pt_collectionlanding .for {
  color: #999999;
  font-style: italic;
}
.pt_collectionlanding .for a {
  color: #999999;
  text-decoration: underline;
}
.pt_collectionlanding .search-result-content {
  padding: 0 10px 10px;
}
.pt_collectionlanding .search-refinements .category {
  display: none;
}
.pt_collectionlanding .seo-promo {
  position: relative;
  padding-top: 60px;
  max-width: 1200px;
  margin: 0 auto;
}
.pt_collectionlanding .seo-promo .scroll-top {
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: 0;
}
@media screen and (min-width: 768px) {
  .pt_collectionlanding .seo-promo .scroll-top {
    right: 0;
    left: auto;
  }
}

/* =============================================================================
   Collection lister header
   // Description: Header showing promo image and text on desktop, text on mobile.
   ========================================================================== */
.collection-header-container {
  position: relative;
}

.collection-header {
  position: relative;
}
@media screen and (min-width: 768px) {
  .collection-header {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    -webkit-align-content: center;
        -ms-flex-line-pack: center;
            align-content: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 0 auto;
  }
}
.collection-header .collection-block {
  min-height: 100%;
}
@media screen and (min-width: 768px) {
  .collection-header .collection-block {
    min-height: 175px;
    width: calc(50% - 9px);
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
        -ms-flex: 1 1 auto;
            flex: 1 1 auto;
  }
}
@media screen and (min-width: 768px) {
  .collection-header .promo-banner {
    display: block;
    overflow: hidden;
    position: relative;
    min-height: 175px;
  }
}
.collection-header .promo-banner img {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  min-width: 100%;
  min-height: 100%;
  height: auto;
}
@media screen and (max-width: 768px) {
  .collection-header .promo-banner img {
    display: none;
  }
}
.collection-header .information-banner {
  padding: 18px;
  background-color: #F6F7F6;
  color: #333133;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-align-content: center;
      -ms-flex-line-pack: center;
          align-content: center;
  position: relative;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (min-width: 768px) {
  .collection-header .information-banner {
    min-height: 175px;
    margin-right: 0;
  }
}
.collection-header .information-banner h2 {
  font-size: 16px;
  font-weight: bold;
}
.collection-header .information-banner .block-wrapper {
  display: block;
  position: relative;
  width: 100%;
}

.filters {
  background-color: #f7edeb;
  margin: 0;
  padding: 20px;
  position: relative;
  text-align: left;
  z-index: 10;
}
@media screen and (min-width: 768px) {
  .filters {
    margin: -40px -30px;
    padding: 47px 60px;
  }
}
.filters h2 {
  color: #333133;
  font-size: 1.25em;
  text-transform: uppercase;
  margin: 0 0 20px;
}
.filters .skintype-link {
  display: none;
  font-weight: 400;
}
@media screen and (max-width: 768px) {
  .filters .skintype-link {
    position: absolute;
    bottom: 18px;
    width: 50%;
    right: 0;
    text-align: right;
  }
}
@media screen and (min-width: 768px) {
  .filters .skintype-link {
    display: block;
    float: right;
  }
}
.filters select {
  font-size: 14px;
  cursor: pointer;
  width: 100%;
  max-width: none;
}
@media screen and (min-width: 768px) {
  .filters select {
    padding-top: 4px;
    padding-bottom: 6px;
  }
}
.filters .button {
  white-space: normal;
  max-width: none;
}
@media screen and (min-width: 768px) {
  .filters .button {
    white-space: nowrap;
  }
}
.filters label {
  font-weight: 400;
  margin-bottom: 12px;
}
@media screen and (min-width: 768px) {
  .filters label {
    margin-bottom: 5px;
  }
}

.filters-items {
  display: block;
}
@media screen and (min-width: 768px) {
  .filters-items {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0 -15px;
    width: calc(100% + 30px);
  }
}
.filters-items > div {
  margin: 18px 0;
}
@media screen and (min-width: 768px) {
  .filters-items > div {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 33.33%;
        -ms-flex: 1 1 33.33%;
            flex: 1 1 33.33%;
    width: 33.333%;
    margin: 0;
    padding: 0 15px;
  }
}
.filters-items > div:last-child {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  width: auto;
  justify-self: flex-end;
  margin-left: auto;
}

.pt_storefront .product-carousel .add-to-cart-link {
  opacity: 0;
  pointer-events: none;
}

@-webkit-keyframes gradually-show {
  from {
    height: 0;
  }
  to {
    height: 180px;
  }
}

@keyframes gradually-show {
  from {
    height: 0;
  }
  to {
    height: 180px;
  }
}
@media screen and (max-width: 1179px) {
  body > .country-dialog-wrap {
    height: 0;
    position: static;
    max-height: 180px;
    -webkit-transition: max-height ease 0.2s;
    transition: max-height ease 0.2s;
    -webkit-animation: gradually-show 0.5s normal forwards ease-in-out 3s;
            animation: gradually-show 0.5s normal forwards ease-in-out 3s;
    overflow: hidden;
  }
}

.country-dialog-wrap {
  position: static;
  max-height: 180px;
  -webkit-transition: max-height ease 0.2s;
  transition: max-height ease 0.2s;
}
.header--menu-open .country-dialog-wrap {
  visibility: hidden;
  -webkit-transition: max-height ease 0.2s;
  transition: max-height ease 0.2s;
  max-height: 0;
}

.country-detection-dialog {
  width: 100vw !important;
  padding: 0;
  min-height: 135px !important;
  position: relative !important;
}
@media screen and (max-width: 1179px) {
  .country-detection-dialog {
    top: 0 !important;
    height: 100% !important;
  }
}
@media screen and (min-width: 1180px) {
  .country-detection-dialog {
    width: 300px !important;
    min-height: 170px !important;
    position: absolute !important;
  }
}
.country-detection-dialog .ui-dialog-titlebar-close {
  width: auto;
  height: auto;
  top: 7px;
  right: 7px;
}
.country-detection-dialog .ui-dialog-titlebar-close::before {
  line-height: normal;
  padding: 0;
}
@media screen and (min-width: 1180px) {
  .country-detection-dialog .ui-dialog-titlebar-close {
    top: 5px;
    right: 5px;
  }
}

.country-detector.ui-dialog-content {
  padding: 20px !important;
}
.country-detection-dialog--it .country-detector.ui-dialog-content {
  padding: 0 !important;
}
.country-detector .flag {
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 20px;
}
.country-detector .flag img {
  width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 50%;
}
.country-detector .title-wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 5px;
  margin-bottom: 15px;
  margin-right: 20px;
}
.country-detector .title {
  font-size: 16px;
  margin: 0;
  display: inline-block;
  font-weight: normal;
}
.country-detector .description {
  font-size: 12px;
  line-height: 16px;
}
.country-detector .button-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.country-detector .dialog-button.simple {
  padding: 0;
  font-size: 14px;
  text-transform: none;
  color: #30397a;
  outline: medium none;
  text-decoration: underline;
}
.country-detector .dialog-button.simple:hover {
  text-decoration: none;
}

.country-detect__wrap {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.country-detect__wrap .col--left,
.country-detect__wrap .col--right {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .country-detect__wrap .col--left,
  .country-detect__wrap .col--right {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    width: 50%;
  }
}
.country-detect__wrap .col--left {
  display: none;
  position: relative;
}
.country-detect__wrap .col--left img {
  bottom: 0;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: auto;
}
@media screen and (min-width: 768px) {
  .country-detect__wrap .col--left {
    display: block;
  }
}
.country-detect__wrap .col--right {
  font-size: 16px;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .country-detect__wrap .col--right {
    padding: 40px;
  }
}
.country-detect__wrap .flag {
  height: 75px;
  width: 75px;
}
.country-detect__wrap h3 {
  font-size: 30px;
  font-weight: 600;
  margin: 10px 0;
}
.country-detect__wrap button {
  font-size: 13px;
  margin: 20px 0;
  padding: 15px 25px;
}
.country-detect__wrap p {
  line-height: 24px;
  margin: 0;
}
.country-detect__wrap p.warning {
  font-size: 14px;
  line-height: 18px;
}
.country-detect__wrap ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.country-detect__wrap ul li {
  display: block;
  padding-left: 15px;
  position: relative;
}
.country-detect__wrap ul li::before {
  content: "+";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}

.country-detect__wrap_it {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: nowrap;
      -ms-flex-wrap: nowrap;
          flex-wrap: nowrap;
}
.country-detect__wrap_it .col--left,
.country-detect__wrap_it .col--right {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .country-detect__wrap_it .col--left,
  .country-detect__wrap_it .col--right {
    -webkit-flex-basis: 50%;
        -ms-flex-preferred-size: 50%;
            flex-basis: 50%;
    width: 50%;
  }
}
.country-detect__wrap_it .col--left {
  display: none;
  position: relative;
  height: 600px;
}
.country-detect__wrap_it .col--left img {
  bottom: 0;
  height: 100%;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: auto;
}
@media screen and (min-width: 768px) {
  .country-detect__wrap_it .col--left {
    display: block;
  }
}
.country-detect__wrap_it .col--right {
  font-size: 16px;
  padding: 40px 20px;
}
@media screen and (min-width: 768px) {
  .country-detect__wrap_it .col--right {
    padding: 40px;
  }
}
.country-detect__wrap_it .flag {
  height: 75px;
  width: 75px;
}
.country-detect__wrap_it h3 {
  font-size: 30px;
  font-weight: 600;
  margin: 10px 0;
}
.country-detect__wrap_it button {
  font-size: 16px;
  margin: 20px 0;
  padding: 15px 25px;
}
.country-detect__wrap_it p {
  line-height: 24px;
  margin: 0;
}
.country-detect__wrap_it p.warning {
  font-size: 14px;
  line-height: 18px;
}
.country-detect__wrap_it ul {
  list-style: none;
  margin: 0;
  padding: 10px 0 0;
  line-height: 24px;
}
.country-detect__wrap_it ul li {
  display: block;
  padding-left: 15px;
  position: relative;
}
.country-detect__wrap_it ul li::before {
  content: "+";
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}

.country-detection-dialog--it {
  width: 100vw !important;
  padding: 0;
  min-height: 135px !important;
  position: fixed !important;
}
.country-detection-dialog--it .country-dialog-wrap {
  max-height: 0 !important;
}
@media screen and (max-width: 1179px) {
  .country-detection-dialog--it {
    width: 90% !important;
  }
}
@media screen and (min-width: 1180px) {
  .country-detection-dialog--it {
    width: 70% !important;
    min-height: 600px !important;
  }
}
.country-detection-dialog--it .ui-dialog-titlebar-close {
  width: auto;
  height: auto;
  top: 7px;
  right: 7px;
}
.country-detection-dialog--it .ui-dialog-titlebar-close::before {
  line-height: normal;
  padding: 0;
}
@media screen and (min-width: 1180px) {
  .country-detection-dialog--it .ui-dialog-titlebar-close {
    top: 5px;
    right: 5px;
  }
}

.pt_cart .checkout-header-banner .header-promotion,
.pt_cart .checkout-header-banner .html-slot-container {
  display: none;
}
@media screen and (min-width: 1180px) {
  .pt_cart .checkout-header-banner .header-promotion,
  .pt_cart .checkout-header-banner .html-slot-container {
    display: block;
    overflow: hidden;
    max-height: 200px;
  }
}
@media screen and (min-width: 1180px) {
  .pt_cart .checkout-header-banner img {
    width: 100%;
  }
}
@media screen and (min-width: 1180px) {
  .pt_cart .checkout-header-banner p {
    margin: 0;
    padding: 0;
  }
}

.orders,
.orderdetails {
  padding: 30px 18px;
}
.orders:after,
.orderdetails:after {
  content: "";
  display: table;
  clear: both;
}
@media screen and (min-width: 1180px) {
  .orders,
  .orderdetails {
    max-width: 1180px;
    margin: 75px auto;
    padding: 0 75px;
  }
}
.orders .col-1,
.orders .col-2,
.orderdetails .col-1,
.orderdetails .col-2 {
  width: 100%;
  float: none;
}
@media screen and (min-width: 1180px) {
  .orders .col-1,
  .orders .col-2,
  .orderdetails .col-1,
  .orderdetails .col-2 {
    float: left;
    margin: 4px 0;
    width: 48%;
  }
}
.orders .col-1,
.orderdetails .col-1 {
  margin-bottom: 30px;
}
@media screen and (min-width: 1180px) {
  .orders .col-1,
  .orderdetails .col-1 {
    margin-bottom: 4px;
  }
}
@media screen and (min-width: 1180px) {
  .orders .col-2,
  .orderdetails .col-2 {
    float: right;
  }
}
.orders button,
.orderdetails button {
  width: 100%;
}
@media screen and (min-width: 1180px) {
  .orders button,
  .orderdetails button {
    width: auto;
  }
}
.orders label,
.orderdetails label {
  font-size: 0.813em;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.login .col-1 + .col-2 {
  margin-top: 30px;
}
@media screen and (min-width: 768px) {
  .login .col-1 + .col-2 {
    margin-top: 4px;
  }
}

.login-box h3 {
  margin: 0;
}
.login-box p {
  margin: 1em 0;
}
.login-box .error {
  margin-left: 0;
}

.login-rememberme {
  display: inline-block;
  margin-left: 0.5em;
  margin-top: 15px;
}
@media screen and (min-width: 768px) {
  .login-rememberme {
    margin-top: 0;
  }
}
.login-rememberme label {
  font-weight: normal;
  white-space: nowrap;
}

.login-oauth p:first-child {
  font-size: 2em;
  text-align: center;
  margin: 0;
  text-transform: uppercase;
}

#OAuthProvider {
  display: block;
  margin-bottom: 1em;
  width: 80%;
}

/* ================= Login template */
.back-container {
  max-width: 900px;
  margin: 15px auto;
}

.back-container__link {
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-decoration: none;
  margin-left: 20px;
}
.back-container__link::before {
  content: "\e913";
  margin-right: 5px;
  font-size: 13px;
  font-weight: bold;
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
  transition: transform 0.2s ease, -webkit-transform 0.2s ease;
}
.back-container__link:hover::before {
  -webkit-transform: translateX(-3px);
          transform: translateX(-3px);
}

.login-layout {
  display: grid;
  grid-auto-columns: 310px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 20px;
  margin: 30px 0 60px;
}
@media screen and (min-width: 768px) {
  .login-layout {
    grid-template-columns: 310px -webkit-min-content 310px;
    grid-template-columns: 310px min-content 310px;
    grid-column-gap: 25px;
    -webkit-column-gap: 25px;
       -moz-column-gap: 25px;
            column-gap: 25px;
  }
}
.login-layout .error-form:empty {
  padding: 0;
  margin: 0;
  visibility: hidden;
}
.login-layout .button {
  min-height: 50px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.login-layout .password-reset {
  display: block;
  margin-top: -7px;
  text-align: right;
}
.login-layout .password-reset__link {
  display: inline-block;
  font-size: 13px;
  white-space: nowrap;
}
.login-layout .field-wrapper.label-after {
  margin: 0;
}
.login-layout p {
  margin: 0 0 10px;
}

.login-layout__section:not(:last-child) {
  margin-bottom: 40px;
}

.login-layout__column-divider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.login-layout__column-divider__text {
  padding: 0 13px;
  background: #fff;
  font-size: 11px;
  text-transform: uppercase;
  position: relative;
  z-index: 1;
  color: #979797;
}
.login-layout__column-divider::after {
  content: "";
  position: absolute;
  top: calc(50% - 1px);
  left: 0;
  right: 0;
  height: 1px;
  background: #979797;
}
@media screen and (min-width: 768px) {
  .login-layout__column-divider {
    width: 1px;
    background: #ccc;
  }
  .login-layout__column-divider::after {
    display: none;
  }
  .login-layout__column-divider__text {
    display: none;
  }
}

.returning-customers {
  display: block;
  position: relative;
  width: 100%;
}

.section-title {
  font-size: 18px;
  margin: 0 0 15px;
}

.login-layout__form {
  max-height: 0;
  overflow: hidden;
  -webkit-transition: max-height 0.3s ease, overflow 0 ease 0.3s;
  transition: max-height 0.3s ease, overflow 0 ease 0.3s;
}
.login-layout__form.open {
  max-height: 800px;
  overflow: visible;
}

/* ================= End Login template */
@media screen and (max-width: 768px) {
  .myRoutine .rf-routine-finder {
    min-height: 740px;
  }
}
@media screen and (min-width: 768px) {
  .myRoutine .rf-routine-finder {
    height: 600px !important;
  }
  .myRoutine .rf-routine-finder.rf-routine-results {
    height: auto !important;
  }
}
.myRoutine .rf-routine-question .login-message,
.myRoutine .rf-routine-question .login-link {
  display: none;
}
.myRoutine .rf-bottom-links > div:nth-of-type(-n+2) {
  display: none;
}
.myRoutine .rf-expanding-content h1,
.myRoutine .rf-expanding-content h2 {
  display: none;
}

#myroutine-reviews {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow-y: scroll;
  z-index: 210;
  background-color: #ffffff;
  padding: 30px 50px 0;
}
@media screen and (min-width: 1180px) {
  #myroutine-reviews {
    padding: 30px 250px 0;
  }
}
#myroutine-reviews h1,
#myroutine-reviews h2,
#myroutine-reviews h3 {
  width: 100%;
  text-align: center;
}
#myroutine-reviews h2 {
  font-size: 16px;
}
#myroutine-reviews h1 {
  font-size: 24px;
}
#myroutine-reviews .closeBtn.fixed {
  cursor: pointer;
  font-size: 40px;
  font-weight: bold;
  position: fixed;
  top: 10px;
  right: 30px;
}
@media screen and (max-width: 1180px) {
  #myroutine-reviews .closeBtn.fixed {
    font-size: 30px;
  }
}
@media screen and (max-width: 1180px) {
  #myroutine-reviews .closeBtn.fixed {
    top: 5px;
    right: 10px;
  }
}

.pdp-section .routine-finder-header,
.pdp-section .routine-step {
  height: unset !important;
}
.routine-finder-header .btn-back,
.routine-step .btn-back {
  left: 20px;
  position: absolute;
  visibility: hidden;
  padding: 11px 40px;
}
.routine-finder-header .btn-back.btn-visible,
.routine-step .btn-back.btn-visible {
  opacity: 1;
  visibility: visible;
  top: -80px;
}
@media screen and (max-width: 1178px) {
  .routine-finder-header .btn-back.btn-visible,
  .routine-step .btn-back.btn-visible {
    position: relative;
    top: auto;
    left: auto;
  }
}
.routine-finder-header .optional-indicator,
.routine-step .optional-indicator {
  display: none;
}

.routine-finder-header {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 28px 20px 15px;
  position: relative;
  width: 100%;
}
.routine-finder-header div {
  margin: 0 0 15px;
}
.routine-finder-header div h1 {
  color: #333133;
  text-align: center;
  font-weight: 600;
  font-size: 30px;
  line-height: 27px;
  letter-spacing: normal;
}
.routine-finder-header div h1.desktop-title {
  display: none;
}
.routine-finder-header div h1.mobile-title {
  display: block;
  padding: 0;
}
.routine-finder-header .routine-progress-wrap .routine-progress-label {
  color: #333133;
  display: block;
  float: none;
  font-size: 11px;
  letter-spacing: 0.59px;
  font-weight: 600;
  margin-bottom: 13px;
  text-align: center;
  text-transform: uppercase;
}
.routine-finder-header .routine-progress-wrap .routine-progress-bar {
  background-color: #e1d4ce;
  border-radius: 20px;
  height: 4px;
  margin: 0 auto;
  overflow: hidden;
  width: 223px;
}
.routine-finder-header .routine-progress-wrap .routine-progress-bar .routine-progress-bar-inner {
  background-color: #323132;
  display: block;
  height: 4px;
  -webkit-transition: width 0.5s ease;
  transition: width 0.5s ease;
  width: 50%;
}
@media screen and (min-width: 1179px) {
  .routine-finder-header {
    padding: 36px 20px 15px;
  }
  .routine-finder-header .btn-back {
    left: 20px;
    top: 10px;
  }
  .routine-finder-header div {
    padding: 0 20px 0 0;
  }
  .routine-finder-header div .mobile-title {
    display: none;
  }
  .routine-finder-header div .desktop-title {
    display: block;
  }
  .routine-finder-header .routine-progress-wrap {
    text-align: center;
    width: 100%;
  }
  .routine-finder-header .routine-progress-wrap .routine-progress-label {
    display: block;
    float: none;
    font-size: 11px;
    letter-spacing: 0.59px;
    font-weight: 600;
    margin-bottom: 13px;
  }
  .routine-finder-header .routine-progress-wrap .routine-progress-bar {
    display: block;
  }
}

.routine-finder-wrap {
  position: relative;
  padding: 0 18px 30px;
}
.fits-my-skin .routine-finder-wrap {
  min-height: 220px;
}
.routine-finder-wrap .loader {
  position: absolute;
}
.pdp-section .routine-finder-wrap {
  display: inline-block;
  padding: 0;
  width: 100%;
}
.routine-finder-wrap .routine-step {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  width: 100%;
  text-align: center;
}
.routine-finder-wrap .routine-step.show-step {
  display: block;
}
.routine-finder-wrap .routine-step.hide-step {
  display: none;
}
@media screen and (min-width: 1179px) {
  .routine-finder-wrap {
    padding: 0 18px 50px;
  }
}

.routine-step-1 .form-row {
  margin: 0;
}
.routine-step-1 .form-row__label {
  text-align: center;
}
.pdp-section .routine-step-1 .form-row__label {
  display: none;
}
.routine-step-1 .form-row__label label {
  font-size: 16px;
  margin-bottom: 20px;
  font-weight: 600;
  letter-spacing: normal;
}
.routine-step-1 .form-row__label h2 {
  letter-spacing: 0;
  margin: 0;
}
.routine-step-1 label {
  color: #333133;
  font-size: 24px;
  font-weight: 400;
  margin-bottom: 29px;
  margin-left: 2px;
}
.routine-step-1 input[type=radio],
.routine-step-1 input[type=checkbox] {
  height: 0;
}
.routine-step-1 .field-wrapper {
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.routine-step-1 .field-wrapper label {
  padding: 134px 12px 36px;
  background-color: #F7F5F6;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #333133;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  float: left;
  font-size: 16px;
  font-weight: 600;
  line-height: 16px;
  letter-spacing: normal;
  height: 245px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-bottom: 15px;
  margin-right: 7px;
  margin-left: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 45%;
  text-align: center;
  border: 2px solid transparent;
}
.routine-step-1 .field-wrapper label::after {
  display: none;
}
.routine-step-1 .field-wrapper label span {
  display: block;
  font-weight: 400;
}
.routine-step-1 .field-wrapper label.selected {
  background-color: #F7F5F6;
  border: 2px solid #333133;
}
@media screen and (min-width: 1179px) {
  .routine-step-1 .field-wrapper label.selected {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
}
.routine-step-1 .field-wrapper label.not-selected {
  opacity: 0.5;
}
.routine-step-1 .field-wrapper label:nth-of-type(1)::before {
  background: url("../images/1_Normal.png") no-repeat 0 0;
  background-position: center;
  background-size: contain;
  top: 0;
}
.routine-step-1 .field-wrapper label:nth-of-type(2)::before {
  background: url("../images/1_Dry.png") no-repeat 0 0;
  background-position: center;
  background-size: contain;
  top: 0;
}
.routine-step-1 .field-wrapper label:nth-of-type(3)::before {
  background: url("../images/1_Combo.png") no-repeat 0 0;
  background-position: center;
  background-size: contain;
  top: 0;
}
.routine-step-1 .field-wrapper label:nth-of-type(4)::before {
  background: url("../images/1_Oily.png") no-repeat 0 0;
  background-position: center;
  background-size: contain;
  top: 0;
}
.routine-step-1 .field-wrapper label:nth-of-type(4n), .routine-step-1 .field-wrapper label:nth-of-type(2n) {
  margin-right: 0;
}
.routine-step-1 .field-wrapper label span {
  font-size: 16px;
  line-height: 20px;
  padding-top: 6px;
}
.routine-step-1 .field-wrapper label:hover {
  -webkit-transform: scale(1.05);
          transform: scale(1.05);
}
.routine-step-1 .field-wrapper label::before {
  background-position: center;
  background-size: contain;
  border: 0;
  content: "";
  display: inline-block;
  height: 103px;
  left: 50%;
  position: absolute;
  top: 0;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 103px;
}
.routine-step-1 .btn-next {
  display: inline-block;
  font-size: 12px;
  font-weight: 700;
  padding: 12px 50px 11px;
}
.routine-step-1 .btn-next.disabled {
  background-color: #9B9B9B;
  border: 2px solid transparent;
  color: #ffffff;
  pointer-events: none;
  border: none;
}
.routine-step-1 .btn-next.laptop-widescreen-show {
  display: none;
  position: absolute;
  right: 0;
  top: -110px;
}
@media screen and (min-width: 1179px) {
  .routine-step-1 .btn-next.laptop-widescreen-show {
    display: block;
  }
}
@media screen and (max-height: 1179px) {
  .routine-step-1 .btn-next.laptop-widescreen-hide {
    display: none;
    margin: 0 auto;
  }
}
@media screen and (max-width: 767px) {
  .routine-step-1 .btn-next {
    width: 92%;
  }
}
@media screen and (min-width: 1179px) {
  .routine-step-1 {
    margin: 0 auto;
    max-width: 1085px;
    text-align: center;
    position: relative;
  }
  .routine-step-1 label {
    font-size: 26px;
    margin-bottom: 40px;
    margin-left: 0;
    padding-right: 11px;
  }
  .routine-step-1 .field-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .routine-step-1 .field-wrapper label {
    font-size: 18px;
    min-height: 233px;
    padding: 134px 12px 22px;
    display: block;
    font-size: 16px;
    height: auto;
    margin-right: 20px;
    min-height: 210px;
    position: relative;
    width: 180px;
    margin-bottom: 0;
  }
  .pdp-section .routine-step-1 .field-wrapper label {
    width: 173px;
  }
  .routine-step-1 .field-wrapper label::before {
    background-position: center;
    background-size: cover;
    border: 0;
    content: "";
    display: inline-block;
    height: 128px;
    left: 50%;
    position: absolute;
    top: 0;
    -webkit-transform: translateX(-50%) scale(0.7);
            transform: translateX(-50%) scale(0.7);
    width: 128px;
  }
  .routine-step-1 .field-wrapper label:nth-of-type(4n) {
    margin-right: 0;
  }
  .routine-step-1 .field-wrapper label:nth-of-type(2n) {
    margin-right: 20px;
  }
  .routine-step-1 .field-wrapper label span {
    font-size: 14px;
    line-height: 18px;
    padding-top: 5px;
    -webkit-transition: 0.3s ease;
    transition: 0.3s ease;
  }
  .routine-step-1 .field-wrapper label:hover {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .routine-step-1 .btn-next {
    margin-top: 15px;
  }
}
@media screen and (min-width: 1180px) {
  .routine-step-1 .field-wrapper label {
    font-size: 16px;
    min-height: 233px;
    padding: 134px 12px 22px;
  }
  .routine-step-1 .field-wrapper label::before {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .routine-step-1 .field-wrapper label span {
    font-size: 16px;
    line-height: 20px;
    padding-top: 6px;
    letter-spacing: normal;
    font-weight: 400;
  }
}

.routine-step-2 {
  display: none;
  position: relative;
}
.routine-step-2 .step-title {
  color: #333133;
  letter-spacing: normal;
  margin: 0 0 20px;
  text-align: center;
}
.routine-step-2 .routine-items-wrap {
  float: left;
  width: 100%;
}
@media screen and (max-width: 1179px) {
  .routine-step-2 .routine-buttons-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
  }
}
@media screen and (max-width: 767px) {
  .routine-step-2 .routine-buttons-wrap .btn-next-2 {
    -webkit-box-ordinal-group: 0;
    -webkit-order: -1;
        -ms-flex-order: -1;
            order: -1;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 100%;
        -ms-flex: 1 1 100%;
            flex: 1 1 100%;
    max-width: 100%;
  }
}
.routine-step-2 .form-row {
  float: left;
  margin: 0 0 15px;
  position: relative;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  width: 49%;
  height: 89px;
}
.routine-step-2 .form-row:nth-of-type(2n) {
  float: right;
}
.routine-step-2 .form-row > label {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  color: #333133;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-size: 14px;
  font-weight: 400;
  height: 58px;
  line-height: 17px;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  text-align: center;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
  z-index: 30;
}
.routine-step-2 .form-row > label.active {
  color: #ffffff;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
.routine-step-2 .form-row .field-wrapper {
  bottom: 0;
  left: 0;
  margin: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.routine-step-2 .form-row input[type=checkbox] + label {
  background-color: #D7C4B7;
  opacity: 0.5;
  mix-blend-mode: normal;
  bottom: 0;
  border-radius: 0;
  color: #333133;
  left: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  -webkit-transition: 0.3s ease;
  transition: 0.3s ease;
}
.routine-step-2 .form-row input[type=checkbox] + label::before, .routine-step-2 .form-row input[type=checkbox] + label::after {
  display: none;
}
.routine-step-2 .form-row input[type=checkbox]:checked + label {
  background-color: #D7C4B7;
  opacity: 1;
  color: #333133;
  -webkit-transform: scale(1) !important;
          transform: scale(1) !important;
}
.routine-step-2 button {
  display: none;
}
.routine-step-2 .btn-next-2 {
  display: inline-block;
  margin-top: 10px;
  padding: 12px 50px 11px;
}
.routine-step-2 .btn-arrow {
  display: inline-block;
  visibility: visible;
  letter-spacing: normal;
  font-weight: normal;
  font-size: 14px;
  line-height: 14px;
  text-decoration: underline;
  margin-top: 10px;
  border: 0;
  color: #333133;
  text-transform: none;
}
.routine-step-2 .btn-arrow-back {
  background: url("../images/arrow.png") no-repeat;
  background-size: inherit;
  background-position: left;
  padding: 11px 15px;
  position: relative;
  left: 0;
}
.routine-step-2 .btn-arrow-skip {
  background: url("../images/arrow-right.png") no-repeat;
  background-size: inherit;
  background-position: right;
  padding: 11px 15px;
}
.routine-step-2 .mobile-hide {
  display: none;
}
.routine-step-2 .secondary {
  display: none;
}
.routine-step-2 .form-row__label {
  height: 100%;
}
.routine-step-2 .form-row__label label {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  height: 100%;
  margin-bottom: 0;
  cursor: pointer;
}
.routine-step-2 .form-row__label label span {
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  letter-spacing: normal;
}
@media screen and (min-width: 1179px) {
  .routine-step-2 {
    margin: 0 auto;
    text-align: center;
  }
  .routine-step-2 .routine-items-wrap {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .routine-step-2 .form-row {
    margin-bottom: 20px;
    width: 180px;
  }
  .routine-step-2 .form-row:hover > label,
  .routine-step-2 .form-row:hover input[type=checkbox] + label {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  .routine-step-2 .form-row:nth-of-type(2n) {
    float: left;
  }
  .routine-step-2 .form-row > label {
    font-size: 16px;
    height: 74px;
  }
  .pdp-section .routine-step-2 .form-row {
    margin-bottom: 0;
  }
  .routine-step-2 .routine-items-content {
    max-width: 808px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
    -webkit-box-pack: space-evenly;
    -webkit-justify-content: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .pdp-section .routine-step-2 .routine-items-content {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center;
    gap: 15px;
  }
  .routine-step-2 button {
    display: inline-block;
    padding: 11px 40px;
  }
  .routine-step-2 button.laptop-widescreen-show {
    display: block;
    position: absolute;
    right: 0;
    top: -80px;
  }
}
@media screen and (min-width: 1179px) and (min-width: 1179px) {
  .routine-step-2 button.laptop-widescreen-show {
    display: block;
  }
}
@media screen and (min-width: 1179px) {
  .routine-step-2 button .desktop-hide {
    display: none;
  }
  .routine-step-2 button .mobile-hide {
    display: inline-block;
  }
}
@media screen and (min-width: 1179px) and (max-height: 1179px) {
  .routine-step-2 button.laptop-widescreen-hide {
    display: none;
  }
}
@media screen and (min-width: 1179px) {
  .routine-step-2 .btn-arrow {
    display: none;
  }
  .routine-step-2 .btn-visible {
    display: block;
  }
  .routine-step-2 .btn-next-2 {
    margin-top: 0;
  }
  .routine-step-2 .btn-arrow.btn-visible {
    display: none;
  }
}
.pdp-section .routine-step-2 h3 {
  display: inline-block;
}
.pdp-section .routine-step-2 span {
  font-size: 14px;
}

/* ================= Routine Switcher == */
.routine-switcher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
}
.routine-switcher .routine-switcher__button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 280px;
  height: 60px;
  font-size: 15px;
  padding: 10px;
  border: 1px solid #808080;
}
.routine-switcher .routine-switcher__button:hover {
  background: rgba(62, 70, 131, 0.5);
}
.routine-switcher .routine-switcher__button.active {
  background: #3e4683;
  color: #fff;
}
.routine-switcher .routine-switcher__button span {
  margin-top: 7px;
  text-transform: lowercase;
}

/* ================= End Routine Switcher == */
.routine-search-wrapper {
  padding: 0 0 25px;
}
@media all and (min-width: 769px) {
  .routine-search-wrapper {
    padding-left: 18px;
    padding-right: 18px;
  }
}

.routine-search-result {
  margin: 0 -18px;
}
.routine-search-result h2 {
  font-weight: 600;
  font-size: 27px;
  line-height: 27px;
  letter-spacing: normal;
  margin: 0 0 20px 0;
  text-align: left;
}

.routine-search-results {
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  max-width: 1180px;
  margin: 0 auto;
}
.routine-search-results .advanced-step-count {
  display: none;
}
.routine-search-results .product-tile__variation-button {
  border-color: #c4c4c4;
}
.routine-search-results .product-tile__variation-button--active {
  border-color: #333133;
  background-color: #ffffff;
}
.routine-search-results.advanced-steps .advanced-step-count {
  display: inline-block;
}
.routine-search-results.advanced-steps .essential-step-count {
  display: none;
}
.routine-search-results .routine-finder-header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 36px 10px 15px;
}
.routine-search-results .routine-finder-header .btn-back {
  display: none;
}
.routine-search-results .routine-finder-header h1 {
  padding: 0 35px;
  line-height: 27px;
  letter-spacing: normal;
  margin-bottom: 15px;
}
.routine-search-results .routine-finder-header .inversed {
  border: 0;
  letter-spacing: normal;
  font-weight: 600;
  font-size: 16px;
  line-height: 16px;
  padding: 10px 0 10px 30px;
  text-decoration-line: underline;
  text-transform: uppercase;
  color: #30397A;
  background: url("../images/redo.png") no-repeat scroll center left;
}
.routine-search-results .results-intro-text {
  display: none;
}
.routine-search-results .routine-search-results-list {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 0;
  width: 100%;
}
.routine-search-results .routine-search-results-list h3 {
  font-weight: 400;
  margin: 0;
}
.routine-search-results .routine-search-results-list .routine-search-result-list-item-info {
  background-color: #F5EBDF;
}
.routine-search-results .routine-search-results-list .routine-search-result-day-moisturiser,
.routine-search-results .routine-search-results-list .routine-search-result-night-moisturiser {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
@media screen and (min-width: 1179px) {
  .routine-search-results .routine-search-results-list .routine-search-result-day-moisturiser,
  .routine-search-results .routine-search-results-list .routine-search-result-night-moisturiser {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-column-gap: 20px;
  }
}
.routine-search-results .routine-search-results-list .routine-search-result-day-moisturiser div,
.routine-search-results .routine-search-results-list .routine-search-result-night-moisturiser div {
  position: relative;
  overflow: hidden;
  margin: 0 0 16px;
  height: 32px;
}
.routine-search-results .routine-search-results-list .routine-search-result-day-moisturiser div,
.routine-search-results .routine-search-results-list .routine-search-result-night-moisturiser div {
  display: block;
  width: 100%;
  margin-left: 20px;
}
.routine-search-results .routine-search-text {
  text-align: left;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  padding-top: 25px;
}
.routine-search-results .routine-search-text span {
  display: block;
  font-weight: 600;
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  text-transform: none;
  margin-bottom: 25px;
  margin-top: 0;
}
.routine-search-results .routine-search-text p {
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 20px;
  text-align: left;
  margin-bottom: 20px;
}
.routine-search-results .routine-search-text p b {
  font-weight: 600;
}
.routine-search-results .routine-search-text p:last-child {
  margin: 0;
}
.routine-search-results .routine-text__top {
  grid-row-start: 1;
}
.routine-search-results .routine-text__top,
.routine-search-results .routine-text__bottom {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  text-align: left;
}
.routine-search-results .routine-text__top p,
.routine-search-results .routine-text__bottom p {
  margin: 0 0 20px;
  text-align: inherit;
}
.routine-search-results .product-tile {
  margin-bottom: 20px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
.routine-search-results .product-tile .product-image {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  height: 100%;
  min-width: 143px;
}
.routine-search-results .product-tile .product-image img {
  -o-object-fit: cover;
     object-fit: cover;
}
.routine-search-results .product-tile .product-image + div {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
  max-width: 100%;
}
.routine-search-results .product-tile .product-image .product-image__wishlist {
  display: none;
}
.routine-search-results .product-tile .product-image .thumb-link {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
}
.routine-search-results .product-tile .product-name {
  display: block;
  margin-top: 20px;
  margin-bottom: 15px;
}
.routine-search-results .product-tile .product-name a {
  display: inline-block;
  font-weight: 600;
  font-size: 20px;
  letter-spacing: normal;
}
.routine-search-results .product-tile .product-tile-footer {
  width: 100%;
  min-height: 75px;
}
.routine-search-results .product-tile .product-tile-footer .product-tile__variation-item {
  width: auto;
  list-style: none;
}
.routine-search-results .product-tile .product-tile-footer .product-tile-footer__info {
  display: inline-block;
  padding: 10px 0;
}
.routine-search-results .product-tile .product-tile-footer .product-pricing {
  width: 100%;
}
.routine-search-results .product-tile .product-tile-footer .product-pricing span {
  font-size: 16px;
  line-height: 20px;
  letter-spacing: normal;
  font-weight: 400;
}
.routine-search-results .product-tile .product-tile-footer .product-pricing span.price-sales {
  font-weight: 600;
  font-size: 18px;
}
.routine-search-results .product-tile .product-tile-footer .product-pricing span.strike-throughprice {
  font-size: 14px;
  color: #c4c4c4;
}
.routine-search-results .product-tile .product-tile-footer .product-pricing button {
  display: none;
}
.routine-search-results .product-tile .product-tile-footer .product-pricing .grundpreis {
  -webkit-box-ordinal-group: unset;
  -webkit-order: unset;
      -ms-flex-order: unset;
          order: unset;
}
.routine-search-results .product-tile .product-tile-footer .add-to-cart-link, .routine-search-results .product-tile .product-tile-footer .button {
  float: right;
}
.routine-search-results .product-tile .product-swatches {
  display: none;
}
.routine-search-results .product-tile .product-skin {
  display: none;
}
.routine-search-results .product-tile .product-long-description {
  display: none;
  -webkit-box-ordinal-group: 4;
  -webkit-order: 3;
      -ms-flex-order: 3;
          order: 3;
}
.routine-search-results .product-tile .product-pricing {
  line-height: 15px;
}
.routine-search-results .product-tile .product-pricing .product-sales-price {
  font-size: 12px;
}
.routine-search-results .product-tile .add-to-cart-link {
  border-color: #333133;
  bottom: 0;
  left: 0;
  right: auto;
}
.routine-search-results .buttons-wrap {
  text-align: center;
}
.routine-search-results .buttons-wrap .button {
  font-weight: 400;
  letter-spacing: normal;
  font-size: 16px;
  line-height: 19px;
  margin-top: 5px;
  padding: 15px 32px;
}
.routine-search-results .buttons-wrap .inversed {
  border-color: #333133;
}
.routine-search-results .content-two-columns {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  float: left;
  margin-bottom: 40px;
  padding: 0;
  width: 100%;
}
.routine-search-results .content-two-columns .content-image-container {
  margin-bottom: 9px;
}
.routine-search-results .content-two-columns .content-container h1 {
  color: #333133;
  font-size: 19px;
  letter-spacing: 2px;
  line-height: 29px;
  margin: 0 0 2px;
}
.routine-search-results .content-two-columns .content-container p {
  font-size: 16px;
  line-height: 25px;
  margin: 0 0 26px;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .routine-search-results .content-two-columns .content-container p {
    text-align: left;
  }
}
.routine-search-results .content-two-columns .content-container .button {
  width: 100%;
}
.routine-search-results .content-two-columns .content-container .button.inversed {
  border-color: #333133;
  font-size: 16px;
  line-height: 19px;
  letter-spacing: normal;
  font-weight: 400;
  padding: 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .routine-search-results .content-two-columns .content-container .button.inversed {
    -webkit-align-self: center;
        -ms-flex-item-align: center;
            align-self: center;
  }
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .routine-search-results .content-two-columns .content-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.routine-search-results .content-apply-email {
  float: left;
  margin-bottom: 40px;
  width: 100%;
}
.routine-search-results .content-apply-email .content-container {
  float: left;
  width: 100%;
}
.routine-search-results .content-apply-email h1 {
  color: #333133;
  font-size: 19px;
  font-weight: 400;
  letter-spacing: 2px;
  line-height: 29px;
  margin: 0 0 3px;
}
.routine-search-results .content-apply-email p {
  font-size: 13px;
  font-weight: 400;
  line-height: 25px;
  margin: 0 0 14px;
}
.routine-search-results .content-apply-email .email-subscribe {
  position: relative;
  width: 100%;
}
.routine-search-results .content-apply-email .email-subscribe input {
  border-color: rgba(0, 0, 0, 0.37);
  height: 54px;
  padding: 10px 60px 10px 17px;
  width: 100%;
}
.routine-search-results .content-apply-email .email-subscribe button {
  background-color: transparent;
  border: 0;
  border-left: 1px solid rgba(0, 0, 0, 0.37);
  bottom: 0;
  color: #333133;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 58px;
}
@media screen and (min-width: 1179px) {
  .routine-search-results .routine-finder-header {
    padding: 36px 0px 15px;
    position: relative;
  }
  .routine-search-results .routine-search-wrapper {
    display: block;
  }
  .routine-search-results .routine-text__top {
    margin-top: 35px;
  }
  .routine-search-results .routine-text__top,
  .routine-search-results .routine-text__bottom {
    overflow: hidden;
  }
  .routine-search-results .results-intro-text {
    display: none;
  }
  .routine-search-results .routine-search-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
  }
  .routine-search-results .routine-search-result h2 {
    margin: 70px 0 20px;
    grid-column: 2/span 4;
  }
  .routine-search-results .routine-search-result .buttons-wrap {
    grid-column: 2/span 4;
    margin-bottom: 80px;
    margin-top: 0;
  }
  .routine-search-results .routine-search-results-list li {
    list-style: none;
  }
  .routine-search-results .routine-search-results-list .routine-search-result__slide {
    width: auto !important;
    max-width: 280px;
  }
  .routine-search-results .routine-search-text {
    padding-top: 70px;
    grid-column: 7/span 5;
  }
  .routine-search-results .routine-search-text p {
    margin: 0 0 20px;
  }
  .routine-search-results .product-tile {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .routine-search-results .product-tile .add-to-cart-link {
    left: auto;
    right: 0;
  }
  .routine-search-results .product-tile .product-image {
    width: 100%;
    padding-right: 0;
  }
  .routine-search-results .product-tile .product-long-description {
    display: none;
    max-height: unset;
    margin-bottom: 15px;
  }
  .routine-search-results .buttons-wrap {
    text-align: center;
  }
  .routine-search-results .content-two-columns {
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
    float: none;
    margin: 53px auto 38px;
    padding: 0;
    width: auto;
  }
  .routine-search-results .content-two-columns .content-image-container {
    display: block;
    margin-bottom: 0;
  }
  .routine-search-results .content-two-columns .content-container {
    display: block;
    padding: 37px 30px 20px;
    text-align: center;
    width: 100%;
  }
  .routine-search-results .content-two-columns .content-container h1 {
    font-size: 30px;
    letter-spacing: 3.1px;
    line-height: 36px;
    margin-bottom: 7px;
  }
  .routine-search-results .content-two-columns .content-container p {
    font-size: 16px;
    letter-spacing: 0.2px;
    line-height: 31px;
    margin: 0 auto 27px;
    max-width: 100%;
  }
  .routine-search-results .content-two-columns .content-container .button {
    padding: 11px 25px;
    width: auto;
  }
  .routine-search-results .content-apply-email {
    margin: 19px 0 50px;
  }
  .routine-search-results .content-apply-email .content-container {
    float: none;
    margin: 0 auto;
    max-width: 790px;
    text-align: center;
  }
  .routine-search-results .content-apply-email h1 {
    font-size: 30px;
    letter-spacing: 3px;
    line-height: 36px;
    margin: 0 0 8px;
  }
  .routine-search-results .content-apply-email p {
    font-size: 16px;
    letter-spacing: 0.22px;
    line-height: 30px;
    margin: 0 0 34px;
  }
  .routine-search-results .content-apply-email .email-subscribe {
    margin: 0 auto;
    max-width: 286px;
  }
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  .routine-search-results .routine-search-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
  .routine-search-results .routine-search-result {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    margin-right: 20px;
    padding: 0 100px;
    width: 100%;
  }
  .routine-search-results .routine-search-text {
    padding-right: 100px;
    width: 100%;
  }
  .routine-search-results .routine-search-results-list {
    max-width: 100%;
    width: 100%;
  }
  .routine-search-results .product-pricing button {
    display: none;
  }
}

.fits-my-skin-wrapper {
  position: relative;
  background: #f8f8f8;
  padding: 20px 40px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .fits-my-skin-wrapper {
    padding: 0;
    background: transparent;
  }
}
.fits-my-skin-wrapper .flex-row {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.fits-my-skin-wrapper .flex-row img {
  width: 30px;
  height: 30px;
  -o-object-fit: contain;
     object-fit: contain;
}
.fits-my-skin-wrapper .flex-row img[alt=no] ~ h2 {
  color: #f5a623;
}
.fits-my-skin-wrapper .flex-row h2 {
  margin-left: 10px;
  font-size: 20px;
}
.fits-my-skin-wrapper .flex-row .take-test-again {
  margin-left: auto;
  cursor: pointer;
  text-decoration: underline;
  color: #30397a;
}
.fits-my-skin-wrapper .flex-row .take-test-again img {
  width: 16px;
  height: 16px;
  margin-left: 10px;
  vertical-align: sub;
}
.fits-my-skin-wrapper div[class*=feature] {
  position: relative;
}
.fits-my-skin-wrapper div[class*=feature] p {
  padding-left: 20px;
}
.fits-my-skin-wrapper div[class*=feature]::before {
  position: absolute;
  content: "✔ ";
}
.fits-my-skin-wrapper .find-right-product {
  text-decoration: none;
  margin-left: auto;
  font-size: 12px;
  text-transform: uppercase;
  padding: 5px 20px;
  background: #333133;
  color: #ffffff;
  cursor: pointer;
}
.product-detail-list .fits-my-skin-wrapper {
  display: block;
  padding: 20px;
  margin-bottom: 25px;
}
@media screen and (max-width: 768px) {
  .product-detail-list .fits-my-skin-wrapper {
    padding: 15px 30px;
    background: #f8f8f8;
  }
}
.product-detail-list .fits-my-skin-wrapper .accordion-info,
.product-detail-list .fits-my-skin-wrapper div[class*=feature] {
  display: none;
}
.product-detail-list .fits-my-skin-wrapper p {
  display: inline;
}
.product-detail-list .fits-my-skin-wrapper p b {
  font-weight: normal;
}
.product-detail-list .fits-my-skin-wrapper .find-right-product {
  all: unset;
  display: block;
  color: #30397a;
  text-decoration: underline;
  margin-left: auto;
  cursor: pointer;
}

.routine-finder__wrapper {
  width: 100%;
  position: relative;
}

.routine-finder__button {
  position: absolute;
  right: 0;
  top: 0;
  display: none;
}
@media all and (min-width: 769px) {
  .routine-finder__button {
    display: block;
  }
}

.routine-finder__text {
  width: 100%;
  max-width: 1180px;
}

.routine-finder__subtitle {
  font-size: 20px;
  letter-spacing: 2px;
  margin: 18px 0 12px;
}
.routine-finder__subtitle .advanced-step-count {
  margin: 0;
}

.routine-finder__label {
  font-weight: 600;
  font-size: 20px;
  background-color: #F5EBDF;
  color: #333133;
  padding: 6px 33px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}

.routine-search-result__product {
  background-color: #F5EBDF;
}
.routine-search-result__product .product-tile {
  background-color: #F5EBDF;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  margin-bottom: 0;
}
@media all and (min-width: 321px) and (max-width: 768px) {
  .routine-search-result__product .product-tile {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.routine-search-result__label {
  display: block;
  padding-right: 65px;
  word-break: break-word;
}

.routine-search-result__label--category {
  font-size: 16px;
  font-weight: 600;
  padding-right: 0;
}
@media all and (min-width: 769px) {
  .routine-search-result__label--category {
    font-size: 20px;
  }
}

.routine-search-result-list-item-info .product-plp-keyfeatures {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
}
.routine-search-result-list-item-info .product-plp-keyfeatures p {
  margin: 0;
  font-size: 14px;
  text-align: left;
}
.routine-search-result-list-item-info .product-plp-keyfeatures p::before {
  content: "+";
  font-weight: 700;
  margin-right: 4px;
}

@media all and (min-width: 321px) and (max-width: 768px) {
  .routine-finder-sticky .buttons-wrap {
    position: fixed;
    bottom: 0;
    z-index: 9;
    left: 0;
    right: 0;
    background: rgba(255, 255, 255, 0.5);
  }
}

.routine-search-result__info {
  position: relative;
  margin: -50px 10px 0px;
  padding: 0 10px;
  background-color: #F5EBDF;
  width: 100%;
}

.routine-search-result__info .grundpreis {
  font-style: normal;
  color: #c4c4c4;
  font-weight: 400;
}

.routine-search-result__info .product-tile__variation-list {
  display: none;
}

.routine-search-result__info .product-tile__variation-button {
  padding: 2px;
}

.routine-finder__button-step {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  z-index: 2;
}
.routine-finder__button-step::before {
  color: #ffffff;
  content: attr(data-text);
  font-family: "proxima-nova", Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  left: 50%;
  pointer-events: none;
  position: absolute;
  top: 40%;
  -webkit-transform: translate(-50%, -50%) rotate(-90deg);
          transform: translate(-50%, -50%) rotate(-90deg);
  -webkit-transform-origin: center;
          transform-origin: center;
  z-index: 1;
}
@media all and (min-width: 769px) {
  .routine-finder__button-step::before {
    font-size: 16px;
    top: 50%;
  }
}
@media all and (min-width: 769px) {
  .routine-finder__button-step:nth-child(1)::before, .routine-finder__button-step:nth-child(2)::before {
    top: 45%;
  }
}
.routine-finder__button-step:nth-child(3)::before {
  top: 43%;
}
@media all and (min-width: 769px) {
  .routine-finder__button-step:nth-child(3)::before {
    top: 50%;
  }
}
.routine-finder__button-step:last-child::before {
  top: 35%;
}
.routine-finder__button-step::after {
  content: attr(data-index);
  font-size: 14px;
  display: inline-block;
  color: #D7C4B7;
  font-weight: 600;
  font-family: "proxima-nova", Arial, sans-serif;
  position: absolute;
  z-index: 1;
  pointer-events: none;
  top: 85%;
}
@media all and (min-width: 769px) {
  .routine-finder__button-step::after {
    font-size: 25px;
  }
}
.routine-finder__button-step .icon {
  font-size: 80px;
  padding-bottom: 40px;
}
.routine-finder__button-step .icon::before {
  color: #D7C4B7;
}
@media all and (min-width: 769px) {
  .routine-finder__button-step .icon {
    font-size: 150px;
  }
}

.routine-finder__button-step--active::after,
.routine-finder__button-step--active .icon::before {
  color: #E2967F;
}

.routine-search-result__moisturizer {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
  font-size: 14px;
  line-height: 1;
  position: absolute;
  right: 18px;
  top: 19px;
  -webkit-transform: none;
          transform: none;
}

.routine-search-result__moisturiser-title {
  padding-left: 5px;
  position: relative;
  top: 1px;
}

.advanced-step-count__label {
  background-color: #F5EBDF;
  padding: 15px 0px 5px 18px;
  display: block;
  width: 100%;
}

.routine-finder__navigation {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-around;
      -ms-flex-pack: distribute;
          justify-content: space-around;
  margin: 30px 0 0;
}

.routine-finder-results__block .content-image-container {
  left: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  max-width: 100vw;
  position: relative;
  right: 50%;
  width: 100vw;
}
@media all and (min-width: 769px) {
  .routine-finder-results__block .content-container h2 {
    font-size: 25px;
    line-height: 30px;
    text-transform: uppercase;
  }
}

.routine-search-result__carousel {
  max-width: 980px;
  margin: 0 auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
  padding: 25px 0;
}
@media all and (min-width: 769px) {
  .routine-search-result__carousel {
    padding: 60px 0;
  }
}
@media all and (min-width: 1501px) {
  .routine-search-result__carousel {
    max-width: 1180px;
  }
}

.routine-search-result__wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  transition-property: transform, -webkit-transform;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
}

.routine-search-result__slide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
          filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.25));
  min-width: 180px;
}
.routine-search-result__slide:not(.routine-search-result__slide-transtion-end) a {
  pointer-events: none;
}
.routine-search-result__slide:not(.swiper-slide-active) {
  position: relative;
}
.routine-search-result__slide:not(.swiper-slide-active)::before {
  content: "";
  position: absolute;
  display: block;
  background: rgba(255, 255, 255, 0.5);
  left: 0;
  right: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.routine-search-result__slide.swiper-slide-active {
  scale: 1;
}
.routine-search-result__slide.swiper-slide-active + * + * + * {
  scale: 0.6;
  -webkit-transform-origin: left;
          transform-origin: left;
}
@media all and (min-width: 769px) {
  .routine-search-result__slide {
    min-width: 280px;
  }
}

@media all and (min-width: 769px) {
  .routine-search-result__slide--small {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
}

.promo-discounts-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  width: 100%;
}

.approaching-discount-wrapper {
  width: 100%;
  background-color: #aad0d7;
  padding: 20px;
  margin: 20px 0;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "title" "bar" "description ";
  -webkit-column-gap: 50px;
     -moz-column-gap: 50px;
          column-gap: 50px;
}
@media screen and (min-width: 768px) {
  .approaching-discount-wrapper {
    grid-template-columns: 1fr 1fr;
    grid-template-areas: "title bar" "description bar" ". .";
  }
}
.approaching-discount-wrapper .promo-title {
  grid-area: title;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 16px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.approaching-discount-wrapper .promo-title .title-icon {
  display: inline-block;
  margin-right: 10px;
  min-width: 26px;
  min-height: 18px;
  background: url("../images/ico-shipping.svg") no-repeat;
  background-position: center;
}
.approaching-discount-wrapper .promo-progress {
  grid-area: bar;
}
@media screen and (min-width: 768px) {
  .approaching-discount-wrapper .promo-progress {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
  }
}
.approaching-discount-wrapper .promo-description {
  grid-area: description;
  margin-top: 10px;
  font-size: 14px;
}
@media screen and (min-width: 768px) {
  .approaching-discount-wrapper .promo-description {
    margin-top: 0;
  }
}

/* ***************************************
// MINI CART
// approaching promotions block in mini cart
*************************************** */
@media screen and (min-width: 768px) {
  .product-added-popup-wrapper .approaching-discount-wrapper {
    grid-template-columns: 3fr 2fr;
  }
}

.wishlist {
  margin: 0 10px;
}
@media screen and (min-width: 768px) {
  .wishlist {
    margin: 0;
  }
}

.wishlist__list {
  padding: 0;
  list-style: none;
  margin: 0;
}

.wishlist__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid rgba(149, 148, 152, 0.5);
  position: relative;
  margin-right: 10px;
  padding: 25px 0 14px;
}
@media screen and (min-width: 768px) {
  .wishlist__item {
    padding: 23px 0 33px;
  }
}

.wishlist__item-img {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 70px;
      -ms-flex: 1 1 70px;
          flex: 1 1 70px;
  max-width: 70px;
  min-width: 70px;
  margin-right: 10px;
}
@media screen and (min-width: 768px) {
  .wishlist__item-img {
    margin-right: 17px;
  }
}

.wishlist__item-content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.wishlist__content-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  padding-right: 30px;
}
@media screen and (min-width: 768px) {
  .wishlist__content-text {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
    padding: 0;
  }
}

.wishlist__content-info {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 100%;
      -ms-flex: 1 1 100%;
          flex: 1 1 100%;
  max-width: 100%;
  -webkit-align-self: flex-end;
      -ms-flex-item-align: end;
          align-self: flex-end;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -webkit-align-items: flex-end;
      -ms-flex-align: end;
          align-items: flex-end;
}
.wishlist__content-info .product-pricing {
  margin: 0 20px -5px 0;
}
@media screen and (max-width: 767px) {
  .wishlist__content-info .product-pricing {
    margin-right: auto;
  }
}
@media screen and (min-width: 768px) {
  .wishlist__content-info .product-pricing {
    position: absolute;
    right: 24px;
  }
}
.wishlist__content-info .product-pricing .strike-throughprice {
  margin-left: 0;
}
.wishlist__content-info .product-pricing .product-standard-price {
  font-size: 12px;
  line-height: 1;
}
.wishlist__content-info .product-pricing .product-sales-price {
  font-size: 16px;
  line-height: 1;
  font-weight: bold;
}
@media screen and (min-width: 768px) {
  .wishlist__content-info .product-pricing .product-sales-price {
    font-weight: 400;
  }
}
@media screen and (min-width: 768px) {
  .wishlist__content-info {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 50%;
        -ms-flex: 1 1 50%;
            flex: 1 1 50%;
    max-width: 50%;
  }
}

.wishlist__add-to-cart {
  background-color: #30397a;
  border-color: #30397a;
  padding: 5px 11px;
}
.wishlist__add-to-cart .fa {
  font-size: 15px;
  line-height: 1;
}

.wishlist__product-name {
  font-size: 16px;
  line-height: 1.18;
  text-transform: none;
  margin: 0 0 5px;
}
.wishlist__product-name .name-link {
  color: #333133;
  font-weight: 600;
  text-decoration: none;
}

.wishlist__product-skin {
  font-size: 12px;
  line-height: 1.375;
  text-transform: uppercase;
  letter-spacing: 0.59;
  font-weight: 600;
  color: #959498;
}

.wishlist__remove-btn {
  background-color: transparent;
  border: 0;
  padding: 0;
  position: absolute;
  right: 0;
  top: 20px;
}

.wishlist-count {
  display: inline-block;
  color: #5c5c5c;
  text-align: center;
  padding: 0 5px;
}
@media screen and (max-width: 1179px) {
  .wishlist-count::before {
    content: "(";
    margin-right: -3px;
  }
  .wishlist-count::after {
    content: ")";
    margin-left: -3px;
  }
}
@media screen and (min-width: 1180px) {
  .wishlist-count {
    position: absolute;
    right: 3px;
    bottom: 0;
    min-width: 15px;
    min-height: 15px;
    padding: 1px 3.5px;
    border: 1px solid #5c5c5c;
    border-radius: 50%;
    font-size: 7pt;
    background-color: #ffffff;
    line-height: 10px;
    z-index: 2;
  }
}

.wishlist-popup {
  max-width: calc(100vw - 20px) !important;
  padding: 10px;
}
.wishlist-popup .ui-dialog-titlebar-close {
  top: 0;
  right: 0;
}
.wishlist-popup label {
  text-transform: uppercase;
  font-size: 11px;
  margin-bottom: 5px;
}
.wishlist-popup .login-rememberme {
  display: block;
}
.wishlist-popup .login-rememberme label {
  text-transform: none;
  font-size: 14px;
  line-height: 22px;
}
.wishlist-popup .password-reset {
  float: right;
  margin-right: 50px;
}
.wishlist-popup .login-create-account {
  display: inline-block;
  vertical-align: middle;
}
.wishlist-popup .form-row-button {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (min-width: 768px) {
  .wishlist-popup {
    max-width: 713px !important;
    padding: 30px;
  }
  .wishlist-popup .form-row-button {
    -webkit-box-pack: start;
    -webkit-justify-content: flex-start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
  .wishlist-popup .ui-dialog-titlebar-close {
    top: 20px;
    right: 20px;
  }
  .wishlist-popup .form-row--half {
    display: inline-block;
    max-width: calc(50% - 20px);
  }
  .wishlist-popup .form-row--second {
    margin-left: 36px;
  }
}

.wishlist-popup__or {
  margin: 0 16px;
  display: inline-block;
}

@media screen and (min-width: 768px) {
  .wishlist-popup--register {
    max-width: 411px !important;
  }
}
.wishlist-popup--register .form-row-button {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.wishlist-popup__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  .wishlist-popup__inner {
    -webkit-flex-wrap: nowrap;
        -ms-flex-wrap: nowrap;
            flex-wrap: nowrap;
  }
}

.wishlist-popup__image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  max-width: 100%;
}
.wishlist-popup__image p {
  margin: 0;
}
.wishlist-popup__image img {
  max-width: 100%;
}
@media screen and (min-width: 768px) {
  .wishlist-popup__image img {
    max-width: 225px;
    margin-right: 20px;
  }
}

.wishlist-popup__content {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 auto;
      -ms-flex: 1 1 auto;
          flex: 1 1 auto;
  max-width: 100%;
  border-top: 1px solid #aaaaaa;
  margin-top: 10px;
}
.wishlist-popup--register .wishlist-popup__content {
  padding-top: 20px;
}
@media screen and (min-width: 768px) {
  .wishlist-popup__content {
    margin-top: 0;
  }
}

.wishlist-popup__heading {
  font-size: 18px;
  margin: 0 0 20px;
  padding-right: 30px;
  text-transform: none;
}
.wishlist-popup--register .wishlist-popup__heading {
  font-size: 22px;
  font-weight: 400;
}

.row-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0 -10px;
}
.row-container > * {
  padding-left: 10px;
  padding-right: 10px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sm-col-1 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 8.3333333333%;
      -ms-flex: 0 0 8.3333333333%;
          flex: 0 0 8.3333333333%;
  min-width: 8.3333333333%;
}

.sm-col-2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 16.6666666667%;
      -ms-flex: 0 0 16.6666666667%;
          flex: 0 0 16.6666666667%;
  min-width: 16.6666666667%;
}

.sm-col-3 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
      -ms-flex: 0 0 25%;
          flex: 0 0 25%;
  min-width: 25%;
}

.sm-col-4 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333333333%;
      -ms-flex: 0 0 33.3333333333%;
          flex: 0 0 33.3333333333%;
  min-width: 33.3333333333%;
}

.sm-col-5 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 41.6666666667%;
      -ms-flex: 0 0 41.6666666667%;
          flex: 0 0 41.6666666667%;
  min-width: 41.6666666667%;
}

.sm-col-6 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
      -ms-flex: 0 0 50%;
          flex: 0 0 50%;
  min-width: 50%;
}

.sm-col-7 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 58.3333333333%;
      -ms-flex: 0 0 58.3333333333%;
          flex: 0 0 58.3333333333%;
  min-width: 58.3333333333%;
}

.sm-col-8 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 66.6666666667%;
      -ms-flex: 0 0 66.6666666667%;
          flex: 0 0 66.6666666667%;
  min-width: 66.6666666667%;
}

.sm-col-9 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 75%;
      -ms-flex: 0 0 75%;
          flex: 0 0 75%;
  min-width: 75%;
}

.sm-col-10 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 83.3333333333%;
      -ms-flex: 0 0 83.3333333333%;
          flex: 0 0 83.3333333333%;
  min-width: 83.3333333333%;
}

.sm-col-11 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 91.6666666667%;
      -ms-flex: 0 0 91.6666666667%;
          flex: 0 0 91.6666666667%;
  min-width: 91.6666666667%;
}

.sm-col-12 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  min-width: 100%;
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    min-width: 25%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    min-width: 50%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    min-width: 75%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media screen and (min-width: 768px) and (max-width: 1179px) {
  .md-col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    min-width: 100%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-1 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 8.3333333333%;
        -ms-flex: 0 0 8.3333333333%;
            flex: 0 0 8.3333333333%;
    min-width: 8.3333333333%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-2 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 16.6666666667%;
        -ms-flex: 0 0 16.6666666667%;
            flex: 0 0 16.6666666667%;
    min-width: 16.6666666667%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-3 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
        -ms-flex: 0 0 25%;
            flex: 0 0 25%;
    min-width: 25%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-4 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33.3333333333%;
        -ms-flex: 0 0 33.3333333333%;
            flex: 0 0 33.3333333333%;
    min-width: 33.3333333333%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-5 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 41.6666666667%;
        -ms-flex: 0 0 41.6666666667%;
            flex: 0 0 41.6666666667%;
    min-width: 41.6666666667%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-6 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
        -ms-flex: 0 0 50%;
            flex: 0 0 50%;
    min-width: 50%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-7 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 58.3333333333%;
        -ms-flex: 0 0 58.3333333333%;
            flex: 0 0 58.3333333333%;
    min-width: 58.3333333333%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-8 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 66.6666666667%;
        -ms-flex: 0 0 66.6666666667%;
            flex: 0 0 66.6666666667%;
    min-width: 66.6666666667%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-9 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
        -ms-flex: 0 0 75%;
            flex: 0 0 75%;
    min-width: 75%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-10 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 83.3333333333%;
        -ms-flex: 0 0 83.3333333333%;
            flex: 0 0 83.3333333333%;
    min-width: 83.3333333333%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-11 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 91.6666666667%;
        -ms-flex: 0 0 91.6666666667%;
            flex: 0 0 91.6666666667%;
    min-width: 91.6666666667%;
  }
}

@media screen and (min-width: 1180px) {
  .lg-col-12 {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 100%;
        -ms-flex: 0 0 100%;
            flex: 0 0 100%;
    min-width: 100%;
  }
}

.focal-points__section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 40px 0;
}

.focal-points__wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}
@media (min-width: 1179px) {
  .focal-points__wrapper {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
        -ms-flex-direction: row;
            flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between;
    max-width: 1180px;
  }
}

.focal-points__image-wrapper {
  width: 100%;
  margin: 0 0 20px;
  overflow: hidden;
}
@media (min-width: 1179px) {
  .focal-points__image-wrapper {
    width: calc(50% - 20px);
    margin: 0;
  }
}
.focal-points__image-wrapper .parent-svg {
  -webkit-transition: -webkit-transform 1s ease-in-out;
  transition: -webkit-transform 1s ease-in-out;
  transition: transform 1s ease-in-out;
  transition: transform 1s ease-in-out, -webkit-transform 1s ease-in-out;
  -webkit-transform-origin: center center;
          transform-origin: center center;
}
.focal-points__image-wrapper.animation-started .hotspot-svg {
  -webkit-animation: fade-show 0.7s ease 1.5s forwards;
          animation: fade-show 0.7s ease 1.5s forwards;
}
.animation .focal-points__image-wrapper .hotspot-svg {
  opacity: 0;
}
.focal-points__image-wrapper .hotspot-svg {
  overflow: visible;
  cursor: pointer;
}
.focal-points__image-wrapper .hotspot-svg g {
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.focal-points__image-wrapper .hotspot-svg circle {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  vector-effect: non-scaling-stroke;
}
@media (max-width: 767px) {
  .focal-points__image-wrapper .hotspot-svg circle {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.focal-points__image-wrapper .hotspot-svg .plus {
  -webkit-transition: -webkit-transform 1s ease;
  transition: -webkit-transform 1s ease;
  transition: transform 1s ease;
  transition: transform 1s ease, -webkit-transform 1s ease;
  -webkit-transform-origin: center;
          transform-origin: center;
}
@media (max-width: 767px) {
  .focal-points__image-wrapper .hotspot-svg .plus {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}
.focal-points__image-wrapper .hotspot-svg .animation-circle {
  -webkit-animation: scaleIn 2s infinite;
          animation: scaleIn 2s infinite;
}
@media (max-width: 767px) {
  .focal-points__image-wrapper .hotspot-svg .animation-circle {
    -webkit-animation: scaleInMobile 2s infinite;
            animation: scaleInMobile 2s infinite;
  }
}
.focal-points__image-wrapper .hotspot-svg.selected .plus {
  -webkit-transform: scale(0.9) rotate(45deg);
          transform: scale(0.9) rotate(45deg);
}
@media (max-width: 767px) {
  .focal-points__image-wrapper .hotspot-svg.selected .plus {
    -webkit-transform: scale(1.4) rotate(45deg);
            transform: scale(1.4) rotate(45deg);
  }
}
.focal-points__image-wrapper .hotspot-svg.selected circle {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}
@media (max-width: 767px) {
  .focal-points__image-wrapper .hotspot-svg.selected circle {
    -webkit-transform: scale(1.4);
            transform: scale(1.4);
  }
}
.focal-points__image-wrapper .hotspot-svg.selected[data-zoom-scale="2"] circle {
  -webkit-transform: scale(0.8);
          transform: scale(0.8);
  stroke-width: 0.7px;
}
.focal-points__image-wrapper .hotspot-svg.selected[data-zoom-scale="2"] .plus {
  -webkit-transform: scale(0.7) rotate(45deg);
          transform: scale(0.7) rotate(45deg);
}
.focal-points__image-wrapper .hotspot-svg.selected[data-zoom-scale="3"] circle {
  -webkit-transform: scale(0.6);
          transform: scale(0.6);
  stroke-width: 0.5px;
}
.focal-points__image-wrapper .hotspot-svg.selected[data-zoom-scale="3"] .plus {
  -webkit-transform: scale(0.5) rotate(45deg);
          transform: scale(0.5) rotate(45deg);
}
.focal-points__image-wrapper .hotspot-svg.selected[data-zoom-scale="4"] circle, .focal-points__image-wrapper .hotspot-svg.selected[data-zoom-scale="5"] circle {
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  stroke-width: 0.3px;
}
.focal-points__image-wrapper .hotspot-svg.selected[data-zoom-scale="4"] .plus, .focal-points__image-wrapper .hotspot-svg.selected[data-zoom-scale="5"] .plus {
  -webkit-transform: scale(0.3) rotate(45deg);
          transform: scale(0.3) rotate(45deg);
}

/* ===================== Focal Points Slider = */
.focal-points__slider-container {
  width: 100%;
  position: relative;
  -webkit-align-self: flex-start;
      -ms-flex-item-align: start;
          align-self: flex-start;
  padding: 0 45px;
}
@media (min-width: 1179px) {
  .focal-points__slider-container {
    width: calc(50% - 20px);
    padding: 0 30px;
  }
}
.focal-points__slider-container .slider-container__inner-wrapper {
  position: relative;
}

.focal-points__slider {
  overflow: hidden;
  width: 100%;
}

.focal-points__slider-title {
  font-size: 22px;
  font-weight: 600;
  text-transform: initial;
  letter-spacing: 0;
  margin-top: 0;
}

.focal-points__slider-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.focal-points__default-content,
.focal-points__slider {
  -webkit-transition: opacity ease-in-out 0.2s;
  transition: opacity ease-in-out 0.2s;
  opacity: 1;
}
.focal-points__default-content.hide-content,
.focal-points__slider.hide-content {
  position: absolute;
  opacity: 0;
  visibility: hidden;
}

.focal-points__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-flex-shrink: 0;
      -ms-flex-negative: 0;
          flex-shrink: 0;
}
.focal-points__item p {
  margin: 0 0 15px;
}
.focal-points__item .add-to-cart-link {
  height: 39px;
  font-size: 14px;
}
.focal-points__item .toggle-notify-me-btn {
  padding: 9px 15px 8px;
}
.focal-points__item .toggle-notify-me-btn .icon {
  margin-right: 0;
}

.focal-points__item-price {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 15px;
}
.focal-points__item-price--old {
  font-size: 14px;
  text-decoration: line-through;
  margin-right: 7px;
}

.focal-points__item-title {
  font-size: 16px;
  font-weight: 600;
  text-transform: initial;
  margin-top: 0;
}

.focal-points__item-description {
  margin-top: 0;
}

.focal-points__available-text {
  font-weight: 600;
}
.focal-points__item .focal-points__available-text {
  margin: 0;
}

.focal-points__product-link {
  margin-top: 15px;
}

.focal-points__button--prev,
.focal-points__button--next {
  position: absolute;
  top: 50%;
  left: 0;
  font-size: 23px;
  margin-top: -12px;
  cursor: pointer;
}

.focal-points__button--prev {
  left: -35px;
}
@media (min-width: 1179px) {
  .focal-points__button--prev {
    left: -45px;
  }
}

.focal-points__button--next {
  right: -35px;
  left: auto;
}
@media (min-width: 1179px) {
  .focal-points__button--next {
    right: -45px;
  }
}

/* ===================== End Focal Points Slider = */
/* ===================== Animations = */
@-webkit-keyframes scaleIn {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  /* Finish changes by here */
  50% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
  /* Between 50% and 100%, nothing changes */
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}
@keyframes scaleIn {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  /* Finish changes by here */
  50% {
    -webkit-transform: scale(3);
            transform: scale(3);
    opacity: 0;
  }
  /* Between 50% and 100%, nothing changes */
  100% {
    opacity: 0;
    -webkit-transform: scale(2.5);
            transform: scale(2.5);
  }
}
@-webkit-keyframes scaleInMobile {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  /* Finish changes by here */
  50% {
    opacity: 0;
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
  }
  /* Between 50% and 100%, nothing changes */
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3);
  }
}
@keyframes scaleInMobile {
  0% {
    opacity: 0.8;
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  /* Finish changes by here */
  50% {
    opacity: 0;
    -webkit-transform: scale(3.5);
            transform: scale(3.5);
  }
  /* Between 50% and 100%, nothing changes */
  100% {
    opacity: 0;
    -webkit-transform: scale(3);
            transform: scale(3);
  }
}
@-webkit-keyframes fade-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-show {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ===================== End Animations = */
.hide-mobile {
  display: none;
}
@media screen and (min-width: 768px) {
  .hide-mobile {
    display: block;
  }
}

.hide-desktop {
  display: block;
}
@media screen and (min-width: 1024px) {
  .hide-desktop {
    display: none;
  }
}

.no-underline {
  text-decoration: none;
}

.white-bg {
  background-color: #ffffff;
}

.cover-img {
  left: 50%;
  max-width: none;
  min-height: 100%;
  min-width: 100%;
  position: absolute;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.content-max-container {
  margin: 0 auto;
  max-width: 1204px;
  padding: 0 12px;
}

.scroll-disabled {
  position: fixed;
  width: 100%;
  height: 100%;
  overflow-y: scroll;
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.visually-hidden, .month label,
.year label,
.day label {
  border: 0;
  clip: rect(0 0 0 0);
  -webkit-box-flex: 0;
  -webkit-flex: none;
      -ms-flex: none;
          flex: none;
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  visibility: hidden;
  width: 1px;
}

.hidden {
  display: none !important;
}