/* ******************** ---------- CUSTOM STYLES ---------- ******************** */
/* 10222026-eu-women-lux-gifts-mb */



/* ----- REGION HELPERS (needed to show hide things) ----- */
.rlc-creative_v3 .rlc-show-ca {
    display: none !important;
}

.is-ca .rlc-creative_v3 .rlc-show-ca {
    display: block !important;
}



/* ----- MIN HEIGHTS (needed for proper content loading) ----- */
/* DESKTOP MIN HEIGHTS */
@media only screen and (min-width: 768px) {
  #rlc-10222026-eu-women-lux-gifts-mb {
    min-height: 28.875em;
  }
  #rlc-10222026-eu-women-lux-gifts-A_1x2,
  #rlc-10222026-eu-women-lux-gifts-B_1x2,
  #rlc-10222026-eu-women-lux-gifts-C_1x2 {
    min-height: 33.125em;
  }
}
/* MOBILE MIN HEIGHTS */
@media only screen and (max-width: 767px) {
  #rlc-10222026-eu-women-lux-gifts-mb {
    min-height: 30.9375em;
  }
  #rlc-10222026-eu-women-lux-gifts-A_1x2,
  #rlc-10222026-eu-women-lux-gifts-B_1x2,
  #rlc-10222026-eu-women-lux-gifts-B_1x2 .rlc-slide.rlc-hasvideo,
  #rlc-10222026-eu-women-lux-gifts-C_1x2 {
    min-height: 30.9375em;
  }
}



/* ----- BOOK BTN IMPROVEMENTS ----- */
.store-content-requestappt {
  cursor: pointer;
}



/* ---------- PLP CUSTOM COPY LAYERS ----------  */
/* (used in all content assets including ingrids) */
/* (overrides needed due to comp not matching with redesign2025 or 2026 styles) */
.custom-plp-copy {
  
  /* ----- GLOBAL PLP CUSTOM COPY STYLES ----- */
  /* COPYLAYER */
  .rlc-copylayer {
    /* CENTER LOGOs */
    .rlc-logo {
      justify-content: center;
    }
  }
  /* VIDEO BUTTON COLOR */
  .rlc-videocontainer {
    .rlc-looppause,
    .rlc-looppause::before,
    .rlc-looppause::after,
    .rlc-looppause:hover {
      color: #fff;
    }
  }

  /* ----- DESKTOP PLP CUSTOM COPY STYLES ----- */
  @media only screen and (min-width: 768px) {
    .rlc-copylayer {
      bottom: 3.125em; /* 50px */
      .rlc-links {
        margin-top: 0;
      }
    }
    .rlc-slide {
      .rlc-copylayer {
        .rlc-links {
          margin-top: .85em;
        }
      }
    }
  }

  /* ----- MOBILE PLP CUSTOM COPY STYLES ----- */
  @media only screen and (max-width: 767px) {
    .rlc-copylayer {
      width: 99%; 
      padding: 0 2.8em 0em;
      bottom: 2.5em;
      text-wrap: pretty; /* uses a smarter line-breaking algo that can reduce the chances of widows and isolated text */
      .rlc-p {
        font-size: .875em;
      }
      .rlc-links {
        margin-top: 0;
      }
    }
  }
}



/* +++++ ---------- SLOT 1 - MOOD BANNER ---------- +++++ */
/* content asset = 10222026-eu-women-lux-gifts-mb */
#rlc-10222026-eu-women-lux-gifts-mb {
  /* COPYRIGHT */
  .rlc-copyright {
    right: 3.5em;
    bottom: 2.13em;
  }
  /* BACK ARROWS */
  .rlc-back-arrow-group {
    left: 3.5em;
    bottom: 2.13em;
  }

  /* DESKTOP - RESTRICT WIDTH to break copy to match comp */
  @media screen and (min-width: 768px) {
    .rlc-dek { width: 25em; }
    &.en { .rlc-dek { width: 20em; } }
    &.fr { .rlc-dek { width: 25em; } }
    &.it { .rlc-dek { width: 25em; } }
    &.de { .rlc-dek { width: 30em; } }
    &.es { .rlc-dek { width: 20em; } }
    &.nl { .rlc-dek { width: 25em; } }
    &.pt { .rlc-dek { width: 23em; } }
    &.ar { 
      .rlc-copygroup { width: 29em; text-align: right; }
      .rlc-dek { width: 16em; } 
    }
    &.pl { .rlc-dek { width: 32em; } }
    &.sv { .rlc-dek { width: 22em; } }
  }
  /* MOBILE - SHRINK MARGINS and FONT SIZE to match comp */
  @media screen and (max-width: 767px) {
    .rlc-copygroup { 
      .rlc-title {
        margin-bottom: 1.875em;
      }
    }
    .plp-info {
      .breadcrumb-element {
        font-size: 0.6875em;
      }
    }
    .rlc-back-arrow-group {
      left: 1.88em;
      bottom: 1.81em;
    }
  }  
}

 



/* +++++ ---------- SLOT 2 - CATWALK VIDEO ---------- +++++ */
/* content asset = 10222026-eu-women-lux-gifts-A_1x2 */
#rlc-10222026-eu-women-lux-gifts-A_1x2 { 
  .rlc-copylayer {
    .rlc-p {
        span {
          font-size: 0.875em; /* shrink DEK COPY to match comp  */
        }
    }
  }
  /* DESKTOP - RESTRICT WIDTH to break copy to match comp */
  @media screen and (min-width: 768px) {
    .rlc-bodycopy { width: 25em; margin-left: auto; margin-right: auto; }
    &.en { .rlc-bodycopy { width: 25em; } }
    &.fr { .rlc-bodycopy { width: 25em; } }
    &.it { .rlc-bodycopy { width: 23em; } }
    &.de { .rlc-bodycopy { width: 30em; } }
    &.es { .rlc-bodycopy { width: 40em; } }
    &.nl { .rlc-bodycopy { width: 23em; } }
    &.pt { .rlc-bodycopy { width: 40em; } }
    &.ar { .rlc-bodycopy { width: 25em; } }
    &.pl { .rlc-bodycopy { width: 40em; } }
    &.sv { .rlc-bodycopy { width: 40em; } }
  }
}




  
/* +++++ ---------- SLOT 3 - SLIDER ---------- +++++ */
/* content asset = 10222026-eu-women-lux-gifts-B_1x2 */
#rlc-10222026-eu-women-lux-gifts-B_1x2 {
  /* DESKTOP WIDTH RESTRICTIONS */
  @media screen and (min-width: 768px) {
    .rlc-bodycopy { width: 25em; margin-left: auto; margin-right: auto; }
    &.en { 
      .rlc-slide1 .rlc-bodycopy { width: 25em; } 
      .rlc-slide2 .rlc-bodycopy { width: 23em; } 
      .rlc-slide3 .rlc-bodycopy { width: 25em; } 
    }
    &.fr { 
      .rlc-slide1 .rlc-bodycopy { width: 30em; } 
      .rlc-slide2 .rlc-bodycopy { width: 25em; } 
      .rlc-slide3 .rlc-bodycopy { width: 30em; } 
    }
    &.it { 
      .rlc-slide1 .rlc-bodycopy { width: 32em; } 
      .rlc-slide2 .rlc-bodycopy { width: 30em; } 
      .rlc-slide3 .rlc-bodycopy { width: 30em; } 
    }
    &.de { 
      .rlc-slide1 .rlc-bodycopy { width: 40em; } 
      .rlc-slide2 .rlc-bodycopy { width: 31em; } 
      .rlc-slide3 .rlc-bodycopy { width: 30em; } 
    }
    &.es { 
      .rlc-slide1 .rlc-bodycopy { width: 34em; } 
      .rlc-slide2 .rlc-bodycopy { width: 30em; } 
      .rlc-slide3 .rlc-bodycopy { width: 30em; } 
    }
    &.nl { 
      .rlc-slide1 .rlc-bodycopy { width: 30em; } 
      .rlc-slide2 .rlc-bodycopy { width: 30em; } 
      .rlc-slide3 .rlc-bodycopy { width: 30em; } 
    }
    &.pt { 
      .rlc-slide1 .rlc-bodycopy { width: 35em; } 
      .rlc-slide2 .rlc-bodycopy { width: 30em; } 
      .rlc-slide3 .rlc-bodycopy { width: 30em; } 
    }
    &.ar { 
      .rlc-slide1 .rlc-bodycopy { width: 35em; } 
      .rlc-slide2 .rlc-bodycopy { width: 30em; } 
      .rlc-slide3 .rlc-bodycopy { width: 30em; } 
    }
    &.pl { 
      .rlc-slide1 .rlc-bodycopy { width: 30em; } 
      .rlc-slide2 .rlc-bodycopy { width: 30em; } 
      .rlc-slide3 .rlc-bodycopy { width: 25em; } 
    }
    &.sv { 
      .rlc-slide1 .rlc-bodycopy { width: 30em; } 
      .rlc-slide2 .rlc-bodycopy { width: 20em; } 
      .rlc-slide3 .rlc-bodycopy { width: 30em; } 
    }
  }

  /* ----- CAROUSEL PAGINATION ----- */
  .swiper-pagination-bullet:before,
  .swiper-pagination-bullet:after {
    background: #e1e1e5;
    opacity: 1;
  }
  .swiper-pagination-bullet-active:before,
  .swiper-pagination-bullet-active:after {
    background: var(--navy);
    opacity: 1;
  }
  .rlc-carousel-pagination {
    top: 33.125em;
    width: 46.875em;
  }
  /* MOBILE - PAGINATION STYLES */
  @media screen and (max-width: 767px) {
    .swiper-pagination-bullet:before,
    .swiper-pagination-bullet:after {
      background: #e1e1e5;
      /* background: #9d9fa3; */
      opacity: 1;
    }
    .swiper-pagination-bullet-active:before,
    .swiper-pagination-bullet-active:after {
      background: var(--navy);
      /* background: #fff; */
      opacity: 1;
    }
    .rlc-carousel-pagination {
      width: 19.75em;
      /* top: 26em; */
      /* top: 29em; */
      top: 30.5em;
      height: 4em;
    }
  }
  /* ----- CAROUSEL STYLES ----- */
  .rlc-carousel.rlc-banner {
    .rlc-carousel_wrapper {
      overflow: hidden;
    }
    .rlc-slide {
      .rlc-image {
        margin-bottom: 0;
      }
    }
    /* DESKTOP - CAROUSEL STYLES */
    @media screen and (min-width: 768px) {
      .rlc-carousel_wrapper {
        padding-bottom: 3.25em;
      }
      .rlc-slide {
        width: 100%;
        padding: 0;
      }
      .rlc-carousel-arrow {
        width: 30.48px;
        height: 30.48px;
      }
      .swiper-button-prev {
        top: 16.5em;
        left: 1.875em;
      }
      .swiper-button-next {
        top: 16.5em;
        right: 1.875em;
      }
    }

    /* MOBILE - CAROUSEL STYLES */
    @media screen and (max-width: 767px) {
      .rlc-carousel_wrapper {
        padding-bottom: 2em;
      }
      .rlc-slide {
        width: 100%;
        padding: 0;
        .rlc-image {
          margin-bottom: 0em;
        }
      }
      .rlc-carousel-arrow {
        display: block;
        width: 24px;
        height: 24px;
      }
      .rlc-carousel-arrow:after {
        width: 7px;
        height: 7px;
      }
      .swiper-button-next:after {
        margin-left: 0.05em;
      }
      .swiper-button-next {
        top: 15.5em;
        right: 1.875em;
      }
      .swiper-button-prev {
        top: 15.5em;
        left: 1.875em;
      }
    }
  }
}





/* +++++ ---------- SLOT 4 - GIFT GUIDE ---------- +++++ */
/* content asset = 10222026-eu-women-lux-gifts-C_1x2 */
/* no additional styles needed */
#rlc-10222026-eu-women-lux-gifts-C_1x2 {
  /* DESKTOP - RESTRICT WIDTH to break copy to match comp */
  @media screen and (min-width: 768px) {
    .rlc-bodycopy { width: 25em; margin-left: auto; margin-right: auto; }
    &.en { .rlc-bodycopy { width: 20em; } }
    &.fr { .rlc-bodycopy { width: 25em; } }
    &.it { .rlc-bodycopy { width: 20em; } }
    &.de { .rlc-bodycopy { width: 25em; } }
    &.es { .rlc-bodycopy { width: 19em; } }
    &.nl { .rlc-bodycopy { width: 20em; } }
    &.pt { .rlc-bodycopy { width: 21em; } }
    &.ar { .rlc-bodycopy { width: 16em; } }
    &.pl { .rlc-bodycopy { width: 20em; } }
    &.sv { .rlc-bodycopy { width: 25em; } }
  }
}





/* ----- PLP FONT SIZE FIX ----- */
/* new, from Betsy, fixes font size issues on PLPs at larger screen resolutions like > 1800 */
/* should be moved to creative css at some point */
@media only screen and (min-width: 1800px) and (max-width: 1919px) {
  .rlc-creative_v3.rlc-1440_375_max1920.ingrid-wrapper .rlc-fullbleed {
    font-size: 1.111111111111111vw !important;
    font-size: calc(0.0111111111111 * (100vw - var(--scrollbar-width))) !important;
  }
}
@media only screen and (min-width: 1920px) {
  .rlc-creative_v3.rlc-1440_375_max1920.ingrid-wrapper .rlc-fullbleed {
    font-size: 21.3333333px !important;
  }
}