:root {
  --font-body: "AkzidenzGrotesk W1G", Arial, sans-serif;
  --font-headline: "Optima Display Roman", "Source Sans 3 Light", "Times New Roman", serif;
  --font-size-pdp-title: 2.25rem;
  --line-height-pdp-title: 2.5rem;
  --color-black: #000000;
  --color-white: #ffffff;
  --color-bg: #ffffff;
  --color-body: #333333;
  --color-error: #da1e28;
  --color-success: #007F5F;
  --color-red-150: #ff0000;
  --color-button-sku: #a6a6a6;
  --color-dark-navy: #01051e;
  --color-dark-blue: #040a2b;
  --color-periwinkle-blue--aerin: #4c4e59;
  --color-el-all-dark-grey: #4f4f4f;
  --color-el-all-light-grey: #ebeaef;
  --color-el-all-medium-grey: #a4a4ab;
  --color-el-blue-line-navy: #040a2b;
  --color-el-blue-line-white: #ffffff;
  --color-primary: #040a2b;
  --color-primary-200: #eeeeee;
  --color-primary-220: #fafafa;
  --color-primary-300: #040a2b;
  --color-primary-500: #9eafff;
  --color-secondary-50: #c8def4;
  --color-secondary-100: #b3b3b9;
  --color-secondary-200: var(--color-el-all-medium-grey);
  --color-secondary-300: #50536b;
  --color-secondary-700: rgba(4,10,43,.92);
  --color-secondary-900: rgba(158,175,255,.1);
  --star-size: 1rem;
  --star-color: #ffffff;
  --star-background: var(--color-primary);
  --color-footer-bg: var(--color-primary);
  --color-mobile-footer-bg: var(--color-primary);
  --color-footer-text: #ffffff;
  --color-a11y-icon: var(--color-primary);
  --color-a11y-icon-bg: var(--color-primary-500);
  --placeholder-color: #9ca3af;
  --brand-logo-loyalty: url("/tenant-web/brands/estee_lauder/estee_lauder_loyalty_logo.svg");
  --width-logo-header: 16rem;
  --width-logo-header-lg: 16rem;
  --color-body-minimal-bg: var(--color-bg);
  --color-foreground: var(--color-primary);
  --color-copyright: inherit;
  --color-a11y-icon-bg: #ffffff;
  --font-size-footer: 15px;
  --letter-spacing-primary: 0.3px;
  --minimal-header-height: 95px;
  --mobile-minimal-header-height: 65px;
  --font-weight-secure-text: 400;

  --product-card-width: 366px;
  --text-sm-2: 14px;
  --text-sm-3: 15px;
  --text-sm-4: 12px;

  /** FONTS **/
  --text-sm-0: 0.9375rem;
  --text-sm-1: 0.6875rem;
  --text-sm-1_25: 0.688rem;
  --text-sm-6: 0.625rem;
  --text-lg-2_25: 1.313rem;
  --text-lg-2_5:   1.375rem;
  --text-lg-3:   1.5rem;
  --text-lg-3_5:   1.875rem;
  --text-lg-3_75:  2.125rem;
  --text-lg-4:     2.5rem;
  --text-lg-5: 3.125rem;

  /* Grays */
  --color-gray-10: #F9F9FA;
  --color-gray-65: #e5e5e5;
  --color-gray-70: #EBEAEF;
  --color-gray-80: #cccccc;
  --color-gray-100: #c7c7c7;
  --color-gray-150: #949494;
  --color-gray-450: #727272;
  --color-gray-500: #767676;
  --color-gray-550: #68696d;
  --color-gray-600: #616161;
  --color-gray-650: #4F4F4F;
  --color-gray-750: #333333;
  --color-gray-850: #212121;

  /* input fields */
  --input-disabled-background: var(--color-primary-220);

  /** SETTINGS **/
  --max-width-screen-laptop: 1366px;
  --hero-banner-image-min-height: 200px;

  /** Carousel **/
  --width-carousel-thumbnail: 98px;
  --height-carousel-thumbnail: 130px;
  --width-carousel-image: 600px;
  --height-carousel-image: 784px;

  --pincer-swiper-mobile-image-height: auto;
  --pincer-swiper-mobile-image-width: 100%;
  --pincer-swiper-padding-bottom: 0;
  --pincer-swiper-margin-bottom: 0;
  --pincer-swiper-slide-margin-bottom: 0;

  --pincer-swiper-navigation-width: 32px;
  --pincer-swiper-navigation-height: 72px;
  --pincer-swiper-navigation-top-offset: 50%;
  --pincer-swiper-navigation-sides-offset: 0px;
  --pincer-swiper-navigation-background-color: rgba(255,255,255,0.75);
  --pincer-swiper-navigation-opacity: 1;
  --pincer-swiper-navigation-font-size: 1.5rem;
  --pincer-swiper-navigation-font-color: #040A2b;
  --pincer-swiper-navigation-prev-side-offset: 0rem;
  --pincer-swiper-navigation-next-side-offset: 0rem;
  --pincer-swiper-thumbnails-navigation-prev-top: 20px;
  --pincer-swiper-thumbnails-navigation-prev-bottom: unset;
  --pincer-swiper-thumbnails-navigation-prev-left: 2rem;
  --pincer-swiper-thumbnails-navigation-next-top: unset;
  --pincer-swiper-thumbnails-navigation-next-right: unset;
  --pincer-swiper-thumbnails-navigation-next-bottom: 0;
  --pincer-swiper-thumbnails-navigation-next-left: 2rem;

  --swiper-pagination-color: #000;
  --swiper-pagination-left: auto;
  --swiper-pagination-right: 8px;
  --swiper-pagination-bottom: 0;
  --swiper-pagination-top: auto;
  --swiper-pagination-fraction-color: inherit;
  --swiper-pagination-bullet-size: 5px;
  --swiper-pagination-bullet-width: 5px;
  --swiper-pagination-bullet-height: 5px;
  --swiper-pagination-bullet-inactive-color: #ccc;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 5px;
  --swiper-pagination-bullet-vertical-gap: 6px;
  --checkbox-label-padding-inline-end: 30px;

  --size-chip-sold-out-strikethrough-width: 30px;
  --size-chip-sold-out-strikethrough-color: #212121;
  --live-person-proactive-z-index: 19;
}

@media (max-width: 639px) {
  .swiper-pagination {
    display: none;
  }

  .product-carousel-container .swiper-pagination {
    display: block;
  }
}

.pincer-swiper .pincer-button-prev {
  left: 0;
}

.pincer-swiper .pincer-button-next {
  right: 0;
}

.pincer-swiper .swiper-button-disabled {
  background-color: rgba(235, 234, 239, .5);
  cursor: not-allowed;
  visibility: hidden;
}

.pincer-swiper .pincer-button-prev,
.pincer-swiper .pincer-button-next {
  margin-top: 0;
  top: var(--pincer-swiper-navigation-top-offset, 50%);
  transform: translateY(-50%);
  font-weight: 800;
}

@media only screen and (min-width: 768px){
  .footer-switcher ul ul li.expanded {
    padding-top: 13px;
    padding-bottom: 13px;
  }
}

.button {
  padding: 0;
  border: none;
}
.button-black--gradient-border,
[data-site-section="re-nutriv"] .dark,
[data-site-section="re-nutriv"] .transparent_light {
  border: 1px solid;
  border-image-slice: 1;
  background-color: transparent;
  color: var(--color-white);
  font-weight: 700;
  border-image-source: linear-gradient(to left,#c3a36e,#ebd79a);
  font-family: roboto;
}
.button-black--gradient-border,
[data-site-section="re-nutriv"] .dark {
  background-color: var(--color-black);;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  margin: 0;
  padding: 0;
}

h1 {
  font-family: OptimaDisplayLight, 'Source Sans 3 Light';
  letter-spacing: -0.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 50px;
  line-height: 0.85;
}
@media (min-width: 769px) {
  h1 {
    font-size: 135px;
  }
}
h2 {
  font-size: 70px;
  font-family: OptimaDisplayLight, "Source Sans 3 Extra Light";
  letter-spacing: -0.02em;
}
h3 {
  font-family: OptimaDisplayLight, "Source Sans 3 Extra Light";
  font-size: 40px;
}
@media (min-width: 737px) {
  h3 {
    font-size: 50px;
    letter-spacing: -0.02em;
  }
}
h4 {
  font-family: OptimaDisplayLight, "Source Sans 3 Extra Light";
  font-size: 25px;
}
@media (min-width: 737px) {
  h4 {
    font-size: 30px;
    letter-spacing: -0.005em;
  }
}
h5 {
  font-size: 21px;
  font-family: OptimaRegular;
  letter-spacing: 0;
}
@media (min-width: 737px) {
  h5 {
    font-size: 22px;
  }
}
h6 {
  font-size: 15px;
  font-family: OptimaRegular;
  letter-spacing: 0;
}
@media (min-width: 737px) {
  h6 {
    font-size: 16px;
  }
}

.drupal b, strong, b {
  font-family: unset;
}

.module_block_MPP-Template-4 .headline-content-group {
  width: 100%;
}

.sr-only.peer.checked ~ .checked-shade {
  display: block;
}

select.sort-by-list-mobile {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' width='1080' height='1080' viewBox='0 0 1080 1080' xml:space='preserve'%3E%3Cdesc%3ECreated with Fabric.js 5.2.4%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='d8b15933-1f22-47e5-af0c-870bfef96aa8' %3E%3Crect style='stroke: none; stroke-width: 1; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(255,255,255); fill-rule: nonzero; opacity: 1; visibility: hidden;' vector-effect='non-scaling-stroke' x='-540' y='-540' rx='0' ry='0' width='1080' height='1080' /%3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='2b76af28-208e-42a6-a5d9-ec010c5fe1f4' %3E%3C/g%3E%3Cg transform='matrix(1 0 0 1 540 540)' id='0a3e9a5f-e680-49eb-a4f6-877dc9ea9f25' %3E%3Cpolygon style='stroke: rgb(10,24,64); stroke-width: 0; stroke-dasharray: none; stroke-linecap: butt; stroke-dashoffset: 0; stroke-linejoin: miter; stroke-miterlimit: 4; fill: rgb(10,24,64); fill-rule: nonzero; opacity: 1;' vector-effect='non-scaling-stroke' points='-256,-202.5 0,202.5 256,-202.5 ' /%3E%3C/g%3E%3Cg transform='matrix(NaN NaN NaN NaN 0 0)' %3E%3Cg style='' %3E%3C/g%3E%3C/g%3E%3Cg transform='matrix(NaN NaN NaN NaN 0 0)' %3E%3Cg style='' %3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}

.promo-banner-container a {
  color: var(--color-primary-500);
  text-decoration: underline;
}

.strikethrough {
  background: linear-gradient(var(--color-primary), var(--color-primary)) no-repeat center / 100% 1.5px;
}

.megamenu__tout-text p {
  letter-spacing: 0.05em;
  line-height: 17px;
  font-size: 15px;
}

/* Legacy PerlGem Engraving Fonts */

.Optima {
  font-family: Optima;
}

.Roman {
  font-family: Nh4Roman;
}

.Script {
  font-family: Script;
}

.Arial_Uni {
  font-family: ArialOSRegular;
}

.Roman_L_Monog_aBc,
.Roman_L_Monog_abc {
  font-family: Roman_L_Monog_aBc;
}

.Interlock_M_Script_aBc,
.Interlock_M_Script_abc {
  font-family: Interlock-M-Script-abc;
}

/* Star rating */

.star-ratings::before {
  -webkit-text-stroke: 0px;
  background: linear-gradient(
    90deg,
    var(--star-background) var(--percent),
    var(--color-gray-80) var(--percent)
  );
  -webkit-background-clip: text;
  letter-spacing: 0px;
}

/* Brand sections */
@media (min-width: 1024px) {
  .footer-switcher ul ul li.expanded {
    padding-top: 3px;
    padding-bottom: 3px;
  }

  /* Common */
  :where([data-hint-renutriv="true"], [data-hint-aerin="true"])
    .megamenu__flyout
    > :first-child::before {
    content: "";
    display: block;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: auto;
  }

  /* Renutriv */
  [data-hint-renutriv="true"] .megamenu__flyout > :first-child::before {
    background-image: url("logos/logo_renutriv_gnav-8a24020f5354445ce465cc9b3e08a55b.webp?vsn=d");
    height: 30px;
    margin-bottom: 16px;
  }

  /* Aerin */
  [data-hint-aerin="true"] .megamenu__flyout > :first-child::before {
    background-image: url("logos/logo_aerin_purple_gnav-6bd650aab4e2b0ae4744d718fc41315e.webp?vsn=d");
    height: 32px;
    margin-top: 10px;
  }

  /* Top Nav Menus */
  .megamenu__flyout > :first-child {
    flex-basis: 100%;
  }

  .megamenu__flyout[data-num-tout-columns="3"] > :first-child {
    flex-basis: calc(25% - 30px);
  }

  .megamenu__flyout[data-num-text-columns="2"][data-num-tout-columns="3"] > :first-child {
    flex-basis: 50%;
  }

  .megamenu__flyout[data-num-text-columns="2"][data-num-tout-columns="3"] {
    padding-right: 170px;
  }

  .megamenu__flyout[data-num-text-columns="4"][data-num-tout-columns="1"] {
    padding-right: 90px;
  }
}

@media (min-width: 1280px) {
  .footer-switcher ul ul li.expanded {
    padding-top: unset;
    padding-bottom: unset;
  }
}

/* Hero Banner */
@media only screen and (max-width: 768px){
  .headline-content-group {
    top: 0 !important;
    left: 0 !important;
    text-align: center !important;
    position: relative !important;
    margin-top: 4.7vw;
  }

  .headline-content-group b {
    font-weight: 700;
    font-family: var(--font-body);
  }
}

.feed-open {
  transform: translateY(-238px);
  opacity: 1;
}

.is-static {
  position: absolute !important;
  top: 0;
  height: 44px;
}

.is-sticky {
  border-bottom: none;
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
}

@media (max-width: 756px) {
  .sticky-footer-menu + .sticky-footer-menu {
    display: block;
  }
}

.page-footer p {
  margin-top: 0;
  margin-bottom: 0;
  display: block;
  line-height: 24px;
  -webkit-margin-before: 1em;
  margin-block-start: 1em;
  -webkit-margin-after: 1em;
  margin-block-end: 1em;
}

.page-footer .signup input:-webkit-autofill,
.page-footer .signup input:-webkit-autofill:hover,
.page-footer .signup input:-webkit-autofill:focus {
    -webkit-text-fill-color: black;
    box-shadow: 0 0 0 30px #e7f0fe inset;
}

.page-footer .email-signup__success-header {
  margin-bottom: 20px;
  text-align: center;
  font-family: OptimaDisplayLight, "Source Sans 3 Extra Light", sans-serif;
  font-size: 30px;
  letter-spacing: .05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

.page-footer .email-signup__success-text,
.page-footer .sms-signup__success-text {
  text-align: center;
  font-family: 'AkzidenzGrotesk W1G', sans-serif;
  font-size: 15px;
  line-height: 24px;
  letter-spacing: .05em;
  --tw-text-opacity: 1;
  color: rgb(255 255 255/var(--tw-text-opacity));
}

@media only screen and (max-width: 768px) {
  .page-footer .is-sticky a:link,
  .page-footer .is-static a:link,
  .page-footer .is-sticky a:visited,
  .page-footer .is-static a:visited {
    color: #fff;
  }
}
[data-countdown-target] {
  display: flex;
  align-items: center;
  line-height: 12px;
  margin: 0 1rem;
  font-size: 14px;
}

[data-countdown-target] :where([data-days-label], [data-hours-label], [data-minutes-label], [data-seconds-label]) {
  display: block;
  font-size: 10px;
}
[data-countdown-target] .cd-header {
  font-size: 15px;
}
@media only screen and (max-width: 767px){
  [data-countdown-target] .cd-header {
    font-size: 22px;
  }
}
[data-countdown-target] [data-separator] {
  margin: 4px;
}

/* Video */
[data-video-target="modal"] {
  background-color: var(--color-dark-blue);
  justify-content: center;
  padding: 0;

  & button {
    background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 500 500'><path fill='%23ffffff' fill-rule='evenodd' clip-rule='evenodd' d='M480.3 499.5L249.7 269 19.2 499.5 0 480.3l230.5-230.5L0 19.2 19.2 0l230.5 230.5L480.3 0l19.2 19.2L269 249.7l230.5 230.5-19.2 19.3z'/></svg>");
    background-size: 100%;
    background-color: transparent;
    color: transparent;
    height: 20px;
    width: 20px;
    border: none;
    position: absolute;
    right: 25px;
    top: 25px;
  }

  & button:hover {
    color: transparent;
  }

  & iframe {
    height: 380px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border: 1px solid #000;
  }
}

@media only screen and (min-width: 768px){
  [data-video-target="modal"] {
    padding: 3rem;

    & button {
      height: 28px;
      width: 28px;
    }
    & iframe {
      height: 100%;
    }
  }
}

.pincer-swiper .swiper-wrapper [data-controller="video"] button[data-action="video#openModal"] {
  width: 100%;
}

/* Footer */
.footer-header {
  font-size: 22px;
  letter-spacing: 0;
  color: #ffffff;
  height: auto;
  line-height: normal;
  padding: 0 0 5px 0;
  font-family: "Optima Display Roman", "Source Sans 3 Light";
  border-bottom: 1px solid #1e2341;
}

.page-footer a:link,
.page-footer a:visited {
  color: #9eafff;
  font-size: 15px;
  font-family: "AkzidenzGrotesk W1G", helvetica, arial, sans-serif;
}

.page-footer .menu li a,
.page-footer .footer-switcher .footer-header,
.page-footer .footer-social-links {
  margin: 0;
  height: 45px;
  padding-left: 25px;
  display: flex;
  align-items: center;
}

.page-footer .footer-switcher .footer-header {
  border-bottom: 1px solid #1e2341;
  line-height: 22px;
}
.page-footer .footer-social-links {
  padding: 13px 20px;
  margin: 0;
  border-bottom: 1px solid #1e2341;
}

[lang="en-GB"] .page-footer .email-input {
  display: none;
}

@media only screen and (min-width: 737px) {
  .page-footer .footer-switcher .footer-header {
    line-height: 45px;
    padding-bottom: 5px;
  }

  .page-footer .footer-social-links {
    border-bottom: 0;
  }
}

@media only screen and (min-width: 768px) {
  [lang="en-GB"] .page-footer .footer-switcher {
    padding-bottom: 46rem !important;
  }
}

@media (min-width: 1075px) {
  [lang="en-GB"] .page-footer .footer-switcher {
    padding-bottom: 35rem !important;
  }
}

.footer-switcher ul ul li a {
  height: 45px;
  padding-left: 25px;
  margin: 0;
  display: flex;
  align-items: center;
  & img {
    padding-left: 25px;
  }
}

.footer-switcher ul ul li div a {
  display: flex;
  align-items: center;
}

.footer-switcher ul ul li p a {
  display: contents;
}

.page-footer .footer-social-links li a {
  margin: 0 15px 0 0;
  height: 24px;
}

.page-footer .footer-social-links li a:hover {
  background-color: rgb(255 255 255/var(--tw-bg-opacity));
}

.footer-switcher ul ul li a:hover {
  color: var(--color-bg);
}

.footer-switcher .first.last.leaf {
  position: absolute;
  bottom: 0;
  left: 0;
  padding: 0.75rem 3%;
  width: 100%;
  text-align: center;
}

.footer-switcher ul ul li {
  line-height: unset;
}

@media only screen and (min-width: 737px) {
  .footer-links-sitewide-footer-menu-grouping-elc-nodeblock a {
    display: block;
    line-height: 20px;
    height: 20px;
    margin: 22px 0;
  }

  .footer-switcher .footer-header {
    padding-left: 0;
  }

  .footer-switcher ul ul li {
    border-bottom: none;
  }

  .footer-switcher ul ul li p a img{
    padding-left: 0;
  }

  .page-footer .footer-social-links .youtube {
    margin-top: 4px;
  }
  .footer-switcher .footer-social-links {
    margin: 0 auto;
    padding-top: 13px;
  }
  .footer-switcher .first.last.leaf {
    text-align: inherit;
  }
}

.footer-social-links {
  font: 0/0 serif;
  text-shadow: none;
  color: transparent;
  display: block;
  line-height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}

@media only screen and (min-width: 769px) {
  .footer-find-us .menu-item-container {
    flex-direction: column;
  }
}

@media only screen and (max-width: 767px) {
  .footer-switcher .footer-find-us{
    display: none;
  }

  .footer-switcher .footer-social-links {
    display: flex;
    align-items: center;
    height: 46px;
  }
  .footer-switcher .footer-social-links li{
    border-bottom: none;
  }
}

.footer-find-us .menu-item-container {
  display: flex;
}

.footer-social-links {
  width: auto;
}

.footer-social-links {
  clear: both;
}

.footer-social-links li {
  float: left;
}

.footer-social-links a {
  margin: 0;
  margin-right: 15px;
  width: 24px;
  height: 24px;
  display: block;
}

.footer-find-us .store-locator {
  margin: 22px 0 !important;
}

.footer-find-us .store-locator {
  position: relative;
  margin: 22px 0;
  padding-left: 22px;
}

.footer-find-us .store-locator::before {
  content: "";
  position: absolute;
  width: 20px;
  height: 20px;
  left: 0;
  background-color: #9eafff;
  -webkit-mask: url("/tenant-web/brands/estee_lauder/icons/location.svg") no-repeat;
  mask: url("/tenant-web/brands/estee_lauder/icons/location.svg") no-repeat;
}

.footer-social-links .tiktok {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 500"><path d="M306.4 0h-82.2v340.6c0 40.6-31.6 73.9-71 73.9s-71-33.3-71-73.9c0-39.9 30.9-72.5 68.9-73.9v-85.5C67.5 182.6 0 252.9 0 340.6.1 429 68.9 500 153.9 500s153.9-71.7 153.9-159.4V165.9c30.9 23.2 68.9 37 108.9 37.7v-85.5C354.9 115.9 306.4 63.8 306.4 0z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 416.7 500"><path d="M306.4 0h-82.2v340.6c0 40.6-31.6 73.9-71 73.9s-71-33.3-71-73.9c0-39.9 30.9-72.5 68.9-73.9v-85.5C67.5 182.6 0 252.9 0 340.6.1 429 68.9 500 153.9 500s153.9-71.7 153.9-159.4V165.9c30.9 23.2 68.9 37 108.9 37.7v-85.5C354.9 115.9 306.4 63.8 306.4 0z"/></svg>') no-repeat;

  height: 24px;
  width: 20px;
  background: #9eafff;
}

.footer-social-links .instagram {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.9 500"><path d="M250 45.1c66.8 0 74.7.3 101 1.5 24.4 1.1 37.6 5.2 46.4 8.6 11.6 4.5 20 10 28.7 18.6 8.8 8.8 14.1 17.1 18.6 28.7 3.4 8.8 7.5 22 8.6 46.4 1.2 26.3 1.5 34.2 1.5 101s-.3 74.7-1.5 101c-1.1 24.4-5.2 37.6-8.6 46.4-4.5 11.6-10 20-18.6 28.7-8.8 8.8-17.1 14.1-28.7 18.6-8.8 3.4-22 7.5-46.4 8.6-26.3 1.2-34.2 1.5-101 1.5s-74.7-.3-101-1.5c-24.4-1.1-37.6-5.2-46.4-8.6-11.6-4.5-20-10-28.7-18.6-8.8-8.8-14.1-17.1-18.6-28.7-3.4-8.8-7.5-22-8.6-46.4-1.2-26.3-1.5-34.2-1.5-101s.3-74.7 1.5-101c1.1-24.4 5.2-37.6 8.6-46.4 4.5-11.6 10-20 18.6-28.7C82.7 65 91 59.7 102.6 55.2c8.8-3.4 22-7.5 46.4-8.6 26.3-1.2 34.2-1.5 101-1.5zM250 0c-67.9 0-76.4.3-103 1.5-26.6 1.2-44.9 5.5-60.7 11.6C69.8 19.5 55.9 28 42 42.1 27.9 56 19.5 69.9 13 86.3c-6.1 15.8-10.4 34-11.5 60.6C.3 173.6 0 182.1 0 250s.3 76.4 1.5 103c1.2 26.5 5.5 44.9 11.6 60.7 6.4 16.5 14.9 30.4 28.9 44.4 14 13.9 27.9 22.4 44.3 28.8 15.9 6.1 34 10.4 60.7 11.6s35.1 1.5 103 1.5 76.4-.3 103-1.5c26.5-1.2 44.9-5.5 60.7-11.6 16.4-6.3 30.3-14.9 44.3-28.8 13.9-13.9 22.4-27.8 28.8-44.3 6.1-15.9 10.4-34 11.6-60.7 1.2-26.6 1.5-35.1 1.5-103s-.3-76.4-1.5-103c-1.2-26.5-5.5-44.9-11.6-60.7-6.1-16.6-14.6-30.5-28.6-44.5-13.9-13.9-27.8-22.4-44.3-28.8C398 7 379.9 2.7 353.2 1.5 326.4.3 318 0 250 0zm-.2 121.5c-71 0-128.6 57.6-128.6 128.6s57.6 128.6 128.6 128.6 128.6-57.6 128.6-128.6c.1-70.9-57.6-128.6-128.6-128.6zm0 212.1c-46.1 0-83.4-37.3-83.4-83.4s37.3-83.4 83.4-83.4 83.4 37.3 83.4 83.4-37.3 83.4-83.4 83.4zm163.7-217.2c0 16.6-13.5 30-30 30-16.6 0-30-13.5-30-30 0-16.6 13.5-30 30-30s30 13.5 30 30z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 499.9 500"><path d="M250 45.1c66.8 0 74.7.3 101 1.5 24.4 1.1 37.6 5.2 46.4 8.6 11.6 4.5 20 10 28.7 18.6 8.8 8.8 14.1 17.1 18.6 28.7 3.4 8.8 7.5 22 8.6 46.4 1.2 26.3 1.5 34.2 1.5 101s-.3 74.7-1.5 101c-1.1 24.4-5.2 37.6-8.6 46.4-4.5 11.6-10 20-18.6 28.7-8.8 8.8-17.1 14.1-28.7 18.6-8.8 3.4-22 7.5-46.4 8.6-26.3 1.2-34.2 1.5-101 1.5s-74.7-.3-101-1.5c-24.4-1.1-37.6-5.2-46.4-8.6-11.6-4.5-20-10-28.7-18.6-8.8-8.8-14.1-17.1-18.6-28.7-3.4-8.8-7.5-22-8.6-46.4-1.2-26.3-1.5-34.2-1.5-101s.3-74.7 1.5-101c1.1-24.4 5.2-37.6 8.6-46.4 4.5-11.6 10-20 18.6-28.7C82.7 65 91 59.7 102.6 55.2c8.8-3.4 22-7.5 46.4-8.6 26.3-1.2 34.2-1.5 101-1.5zM250 0c-67.9 0-76.4.3-103 1.5-26.6 1.2-44.9 5.5-60.7 11.6C69.8 19.5 55.9 28 42 42.1 27.9 56 19.5 69.9 13 86.3c-6.1 15.8-10.4 34-11.5 60.6C.3 173.6 0 182.1 0 250s.3 76.4 1.5 103c1.2 26.5 5.5 44.9 11.6 60.7 6.4 16.5 14.9 30.4 28.9 44.4 14 13.9 27.9 22.4 44.3 28.8 15.9 6.1 34 10.4 60.7 11.6s35.1 1.5 103 1.5 76.4-.3 103-1.5c26.5-1.2 44.9-5.5 60.7-11.6 16.4-6.3 30.3-14.9 44.3-28.8 13.9-13.9 22.4-27.8 28.8-44.3 6.1-15.9 10.4-34 11.6-60.7 1.2-26.6 1.5-35.1 1.5-103s-.3-76.4-1.5-103c-1.2-26.5-5.5-44.9-11.6-60.7-6.1-16.6-14.6-30.5-28.6-44.5-13.9-13.9-27.8-22.4-44.3-28.8C398 7 379.9 2.7 353.2 1.5 326.4.3 318 0 250 0zm-.2 121.5c-71 0-128.6 57.6-128.6 128.6s57.6 128.6 128.6 128.6 128.6-57.6 128.6-128.6c.1-70.9-57.6-128.6-128.6-128.6zm0 212.1c-46.1 0-83.4-37.3-83.4-83.4s37.3-83.4 83.4-83.4 83.4 37.3 83.4 83.4-37.3 83.4-83.4 83.4zm163.7-217.2c0 16.6-13.5 30-30 30-16.6 0-30-13.5-30-30 0-16.6 13.5-30 30-30s30 13.5 30 30z"/></svg>') no-repeat;
  height: 24px;
  width: 24px;
  background: #9eafff;
}

.footer-social-links .youtube {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 711.1 500"><path d="M703.8 108s-7-49-28.3-70.5C648.4 9.1 618.1 9 604.3 7.3 504.8 0 355.6 0 355.6 0h-.3S206 0 106.6 7.3C92.7 9 62.4 9.1 35.3 37.5 14 59 7.1 108 7.1 108S0 165.7 0 223.1v53.8C0 334.5 7.1 392 7.1 392s7 49 28.2 70.5c27.1 28.3 62.7 27.4 78.5 30.3 57 5.4 241.7 7.1 241.7 7.1s149.4-.3 248.9-7.4c13.8-1.7 44.2-1.9 71.2-30.2 21.4-21.5 28.3-70.5 28.3-70.5s7.1-57.5 7.1-115.1V223c-.2-57.3-7.2-115-7.2-115zM281.9 342.5V142.6l192 100.3-192 99.6z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 711.1 500"><path d="M703.8 108s-7-49-28.3-70.5C648.4 9.1 618.1 9 604.3 7.3 504.8 0 355.6 0 355.6 0h-.3S206 0 106.6 7.3C92.7 9 62.4 9.1 35.3 37.5 14 59 7.1 108 7.1 108S0 165.7 0 223.1v53.8C0 334.5 7.1 392 7.1 392s7 49 28.2 70.5c27.1 28.3 62.7 27.4 78.5 30.3 57 5.4 241.7 7.1 241.7 7.1s149.4-.3 248.9-7.4c13.8-1.7 44.2-1.9 71.2-30.2 21.4-21.5 28.3-70.5 28.3-70.5s7.1-57.5 7.1-115.1V223c-.2-57.3-7.2-115-7.2-115zM281.9 342.5V142.6l192 100.3-192 99.6z"/></svg>') no-repeat;
  height: 24px;
  width: 24px;
  background: #9eafff;
  margin-top: 4px;
}

.footer-social-links .facebook {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.7 500"><path d="M238.5 83.1h53.2V3.5C282.5 2.4 250.9 0 214.1 0 137.4 0 84.8 41.4 84.8 117.4v70H0v88.9h84.8V500h103.9V276.4H270l12.9-88.9h-94.2v-61.2c0-25.7 8-43.2 49.8-43.2z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 291.7 500"><path d="M238.5 83.1h53.2V3.5C282.5 2.4 250.9 0 214.1 0 137.4 0 84.8 41.4 84.8 117.4v70H0v88.9h84.8V500h103.9V276.4H270l12.9-88.9h-94.2v-61.2c0-25.7 8-43.2 49.8-43.2z"/></svg>') no-repeat;
  height: 24px;
  width: 14px;
  background: #9eafff;
}

.footer-social-links .twitter {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 658.9 500"><path d="M207.3 500c248.5 0 384.6-192.3 384.6-359.1 0-5.4-.1-11-.4-16.4 26.4-17.8 49.2-40 67.4-65.3-24.7 10.3-50.8 16.9-77.6 19.8 28.2-15.8 49.4-40.5 59.4-69.8-26.5 14.6-55.6 25.1-85.8 30.6-20.3-20.2-47.4-33.7-76.7-38.1-29.2-4.5-59.4.1-85.6 13.3-26.1 13.2-47.1 33.9-59.4 59.1-12.3 25.3-15.3 53.7-8.6 80.8-53.7-2.5-106.2-15.6-154.3-38.3C122.3 94 80 62.2 46.1 23.3 28.8 51 23.5 84 31.3 115.3s28 58.6 56.6 76.5c-21.5-.7-42.5-6.1-61.2-15.7v1.6c0 29.2 10.8 57.4 30.5 80 19.8 22.6 47.2 38 77.9 43.8-19.9 5-40.8 5.8-61 2.1 8.6 25.1 25.5 47 48 62.7 22.6 15.7 49.9 24.4 78.1 24.9-47.9 35.1-107 54.1-167.9 54.1-10.8 0-21.6-.7-32.3-1.8 61.9 37 134 56.6 207.3 56.5z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 658.9 500"><path d="M207.3 500c248.5 0 384.6-192.3 384.6-359.1 0-5.4-.1-11-.4-16.4 26.4-17.8 49.2-40 67.4-65.3-24.7 10.3-50.8 16.9-77.6 19.8 28.2-15.8 49.4-40.5 59.4-69.8-26.5 14.6-55.6 25.1-85.8 30.6-20.3-20.2-47.4-33.7-76.7-38.1-29.2-4.5-59.4.1-85.6 13.3-26.1 13.2-47.1 33.9-59.4 59.1-12.3 25.3-15.3 53.7-8.6 80.8-53.7-2.5-106.2-15.6-154.3-38.3C122.3 94 80 62.2 46.1 23.3 28.8 51 23.5 84 31.3 115.3s28 58.6 56.6 76.5c-21.5-.7-42.5-6.1-61.2-15.7v1.6c0 29.2 10.8 57.4 30.5 80 19.8 22.6 47.2 38 77.9 43.8-19.9 5-40.8 5.8-61 2.1 8.6 25.1 25.5 47 48 62.7 22.6 15.7 49.9 24.4 78.1 24.9-47.9 35.1-107 54.1-167.9 54.1-10.8 0-21.6-.7-32.3-1.8 61.9 37 134 56.6 207.3 56.5z"/></svg>') no-repeat;
  height: 24px;
  width: 29px;
  background: #9eafff;
}

.footer-social-links .pinterest {
  -webkit-mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500.2 500"><path d="M250.1 0C112 0 0 111.9 0 250.1c0 106 65.9 196.4 158.9 232.8-2.1-19.9-4.2-50.1.9-71.6 4.6-19.6 29.3-124.2 29.3-124.2s-7.5-15-7.5-37.1c0-34.7 20.1-60.7 45.3-60.7 21.3 0 31.6 16.1 31.6 35.2 0 21.5-13.6 53.5-20.7 83.2-5.8 24.9 12.5 45.3 37 45.3 44.5 0 78.6-46.9 78.6-114.5 0-59.9-42.9-101.7-104.4-101.7-71.1 0-112.9 53.3-112.9 108.5 0 21.5 8.3 44.6 18.7 57 2 2.4 2.3 4.7 1.8 7.1-1.8 7.9-6.1 24.9-6.9 28.3-1.1 4.6-3.6 5.5-8.4 3.3-31.2-14.5-50.8-60.2-50.8-96.8 0-78.9 57.3-151.3 165.2-151.3 86.6.1 153.9 61.9 153.9 144.5 0 86.1-54.3 155.4-129.6 155.4-25.3 0-49.2-13.1-57.3-28.7 0 0-12.5 47.8-15.6 59.5-5.6 21.7-20.9 49-31 65.5 23.5 7.2 48.3 11.1 74.1 11.1 138.1 0 250.1-111.9 250.1-250.1C500.1 111.9 388.1 0 250.1 0z"/></svg>') no-repeat;
  mask: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500.2 500"><path d="M250.1 0C112 0 0 111.9 0 250.1c0 106 65.9 196.4 158.9 232.8-2.1-19.9-4.2-50.1.9-71.6 4.6-19.6 29.3-124.2 29.3-124.2s-7.5-15-7.5-37.1c0-34.7 20.1-60.7 45.3-60.7 21.3 0 31.6 16.1 31.6 35.2 0 21.5-13.6 53.5-20.7 83.2-5.8 24.9 12.5 45.3 37 45.3 44.5 0 78.6-46.9 78.6-114.5 0-59.9-42.9-101.7-104.4-101.7-71.1 0-112.9 53.3-112.9 108.5 0 21.5 8.3 44.6 18.7 57 2 2.4 2.3 4.7 1.8 7.1-1.8 7.9-6.1 24.9-6.9 28.3-1.1 4.6-3.6 5.5-8.4 3.3-31.2-14.5-50.8-60.2-50.8-96.8 0-78.9 57.3-151.3 165.2-151.3 86.6.1 153.9 61.9 153.9 144.5 0 86.1-54.3 155.4-129.6 155.4-25.3 0-49.2-13.1-57.3-28.7 0 0-12.5 47.8-15.6 59.5-5.6 21.7-20.9 49-31 65.5 23.5 7.2 48.3 11.1 74.1 11.1 138.1 0 250.1-111.9 250.1-250.1C500.1 111.9 388.1 0 250.1 0z"/></svg>') no-repeat;
  height: 24px;
  width: 24px;
  background: #9eafff;
}

.filter-categories::-webkit-scrollbar-thumb {
  background-color: #e5e5e5;
  border-radius: 32px;
}

.filter-categories::-webkit-scrollbar {
  overflow: hidden;
  width: 4px;
}

.offers:before,
.offers:after {
  content: none;
}
/* ensure yieldify popup is above carousel arrows */
.yie-outer-element[aria-live="polite"][role="region"] {
  z-index: 11 !important;
}

.carousel-container.product-carousel-container {
  margin-top: 0;
}

h1.font-futurabook,
h2.font-futurabook,
h3.font-futurabook,
h4.font-futurabook,
p.font-futurabook,
[data-site-section="aerin"] p,
[data-site-section="aerin"] a {
  font-family: 'futuranow-medium', sans-serif;
}

[data-site-section="aerin"] div {
  font-family: EssonnesDisplayRegular;
}

[data-site-section="aerin"] .text-primary {
  color: var(--color-periwinkle-blue--aerin);
}

/* EMEA-Specific Banner Styles */
html[lang="nl-BE"],
html[lang="en-BE"],
html[lang="de-AT"],
html[lang="de-CH"],
html[lang="cs-CZ"],
html[lang="de-DE"],
html[lang="da-DK"],
html[lang="es-ES"],
html[lang="fr-FR"],
html[lang="hu-HU"],
html[lang="en-IN"],
html[lang="it-IT"],
html[lang="nl-NL"],
html[lang="no-NO"],
html[lang="nb-NO"],
html[lang="pl-PL"],
html[lang="ro-RO"],
html[lang="sv-SE"],
html[lang="en-ZA"] {
  /* Aerin Banner */
  .image-banner[data-site-section="aerin"] {
    /* Headline */
    > div > div > .text-type-title {
      letter-spacing: -.01em;
      line-height: 1.1em;
      font-family: EssonnesDisplayRegular;
      @media only screen and (min-width: 768px){
        letter-spacing: -0.004em;
      }
    }
    /* Body Copy */
    > div > div > div:nth-child(2),
    p {
      font-family: 'Futura Now Regular', sans-serif;
      line-height: 1.3em;
      letter-spacing: 0.01875em;
      @media only screen and (min-width: 768px){
        line-height: 1.2em;
        letter-spacing: 0.019em;
      }
    }
    > div > div > div:nth-child(2) {
      font-size: 16px;
    }
    /* CTA */
    a {
      font-family: 'Futura Now Medium', sans-serif;
      font-size: 14px;
      letter-spacing: 0.15em;
      color: var(--color-periwinkle-blue--aerin);
      text-decoration: underline;
      @media only screen and (min-width: 768px){
        text-decoration: none;
      }
    }
  }
  /* Re-Nutriv Banner */
  .image-banner[data-site-section="re-nutriv"] {
    /* Headline */
    > div > div > .text-type-title, 
    > div > div > strong:nth-child(1),
    > div > div > div:nth-child(1) {
      letter-spacing: 0.0125px;
      font-family: 'Bauer Bodoni W01 Roman';
      line-height: 1.2em;
      @media only screen and (min-width: 768px){
        letter-spacing: 0.025px;
        line-height: 1.1em;
      }
    }
    /* Body Copy */
    > div > div > div:nth-child(2),
    p {
      font-family: 'Roboto Condensed';
      letter-spacing: 0.025em;
    }
    > div > div > div:nth-child(2) {
      font-size: 16px;
    }
    /* Re-Nutriv Banner - CTA */
    a {
      font-family: 'Roboto Condensed';
      font-weight: bold;
      letter-spacing: 0.113em;
      font-size: 14px;
      @media only screen and (min-width: 768px){
        letter-spacing: 0.15em;
        font-size: 15px;
      }
    }
  }
}

/* Power Reviews */
.p-w-r .pr-multiselect-button-wasthisagift,
.p-w-r .pr-multiselect-button-bestuses,
.p-w-r .pr-multiselect-button-ivebeenusingestéelauderfor,
.p-w-r .pr-multiselect-button-describeyourself,
.p-w-r .pr-multiselect-button-age,
.p-w-r .pr-multiselect-button-ireceivedafreetrialofthisproduct,
.p-w-r .pr-multiselect-button-skinconcern,
.p-w-r .pr-multiselect-button-skintype {
  display: none;
}

#blueprint-pdp .ugc-container[data-site-section="renutriv"],
#blueprint-pdp .ugc-container[data-site-section="re-nutriv"],
.drupal-container .ugc-container[data-site-section="renutriv"],
.drupal-container .ugc-container[data-site-section="re-nutriv"] {
  .ugc-heading {
    all: unset;
    color: var(--mobile-ugc-section-renutriv-heading-fill);
    margin-bottom: 0.5rem;
    text-align: center;
    text-decoration: var(--mobile-ugc-section-renutriv-heading-text-decoration);
    text-transform: var(--mobile-ugc-section-renutriv-heading-text-case);
    font-weight: var(--mobile-ugc-section-renutriv-heading-font-weight);
    letter-spacing: var(--mobile-ugc-section-renutriv-heading-letter-spacing);
    font-size: var(--mobile-ugc-section-renutriv-heading-font-size);
    line-height: 1.25rem;
    font-family: 'Bauer Bodoni W01 Roman';
  }
  .ugc-subheading {
    all: unset;
    color: var(--mobile-ugc-section-renutriv-subheading-fill);
    text-align: center;
    text-decoration: var(--mobile-ugc-section-renutriv-subheading-text-decoration);
    text-transform: var(--mobile-ugc-section-renutriv-subheading-text-case);
    font-weight: var(--mobile-ugc-section-renutriv-subheading-font-weight);
    letter-spacing: -0.109375rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-family: 'Bauer Bodoni W01 Roman';
  }
  @media (min-width: 1024px) {
    .ugc-heading  {
      color: var(--desktop-ugc-section-renutriv-heading-fill);
      text-decoration: var(--desktop-ugc-section-renutriv-heading-text-decoration);
      text-transform: var(--desktop-ugc-section-renutriv-heading-text-case);
      font-weight: var(--desktop-ugc-section-renutriv-heading-font-weight);
      letter-spacing: var(--desktop-ugc-section-renutriv-heading-letter-spacing);
      font-size: var(--desktop-ugc-section-renutriv-heading-font-size);
      line-height: var(--desktop-ugc-section-renutriv-heading-line-height);
    }
    .ugc-subheading {
      color: var(--desktop-ugc-section-renutriv-subheading-fill);
      text-decoration: var(--desktop-ugc-section-renutriv-subheading-text-decoration);
      text-transform: var(--desktop-ugc-section-renutriv-subheading-text-case);
      font-weight: var(--desktop-ugc-section-renutriv-subheading-font-weight);
      letter-spacing: -0.15625rem;
      font-size: var(--desktop-ugc-section-renutriv-subheading-font-size);
      line-height: 3.125rem;
    }
  }
}

#blueprint-pdp .ugc-container[data-site-section="aerin"],
.drupal-container .ugc-container[data-site-section="aerin"] {
  .ugc-heading {
    all: unset;
    color: #4C4E59;
    margin-bottom: 0.5rem;
    text-align: center;
    text-decoration: var(--mobile-ugc-section-aerin-heading-text-decoration);
    text-transform: var(--mobile-ugc-section-aerin-heading-text-case);
    font-weight: var(--mobile-ugc-section-aerin-heading-font-weight);
    font-size: var(--mobile-ugc-section-aerin-heading-font-size);
    line-height: 1.25rem;
    font-family: 'Futura Now Medium', sans-serif;
  }
  .ugc-subheading {
    color: #4c4e59;
    text-align: center;
    text-decoration: var(--mobile-ugc-section-aerin-subheading-text-decoration);
    text-transform: var(--mobile-ugc-section-aerin-subheading-text-case);
    font-weight: var(--mobile-ugc-section-aerin-subheading-font-weight);
    letter-spacing: -0.109375rem;
    font-size: 2.25rem;
    line-height: 2.5rem;
    font-family: 'Futura Now Regular', sans-serif;
  }
  @media (min-width: 1024px) {
    .ugc-heading  {
      text-decoration: var(--desktop-ugc-section-aerin-heading-text-decoration);
      text-transform: var(--desktop-ugc-section-aerin-heading-text-case);
      font-weight: var(--desktop-ugc-section-aerin-heading-font-weight);
      font-size: var(--desktop-ugc-section-aerin-heading-font-size);
      line-height: var(--desktop-ugc-section-aerin-heading-line-height);
    }
    .ugc-subheading {
      text-decoration: var(--desktop-ugc-section-aerin-subheading-text-decoration);
      text-transform: var(--desktop-ugc-section-aerin-subheading-text-case);
      font-weight: var(--desktop-ugc-section-aerin-subheading-font-weight);
      letter-spacing: -0.15625rem;
      font-size: var(--desktop-ugc-section-aerin-subheading-font-size);
      line-height: 3.125rem;
    }
  }
}

@media (max-width: 640px) {
  .mobile-image-zoom-button {
    height: 100% !important;
  }
}