/* ******************** ---------- CUSTOM STYLES ---------- ******************** */
/* 20261013-luxury-gifts-men-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-20261013-luxury-gifts-men-mb {
    min-height: 28.875em;
  }
  #rlc-20261013-luxury-gifts-men_a_1x2,
  #rlc-20261013-luxury-gifts-men_b_1x2,
  #rlc-20261013-luxury-gifts-men_c_1x2 {
    min-height: 33.125em;
  }
}
/* MOBILE MIN HEIGHTS */
@media only screen and (max-width: 767px) {
  #rlc-20261013-luxury-gifts-men-mb {
    min-height: 30.9375em;
  }
  #rlc-20261013-luxury-gifts-men_a_1x2,
  #rlc-20261013-luxury-gifts-men_b_1x2,
  #rlc-20261013-luxury-gifts-men_b_1x2 .rlc-slide.rlc-hasvideo,
  #rlc-20261013-luxury-gifts-men_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: 100%; 
      padding: 0 2.8em 0em;
      bottom: 2.5em;
      .rlc-p {
        font-size: .875em;
      }
      .rlc-links {
        margin-top: 0;
      }
    }
  }
}



/* +++++ ---------- SLOT 1 - MOOD BANNER ---------- +++++ */
/* content asset = 20261013-luxury-gifts-men-mb */
#rlc-20261013-luxury-gifts-men-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-copygroup {
      width: 30em;
    }
  }
  /* 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 = 20261013-luxury-gifts-men-mb */
#rlc-20261013-luxury-gifts-men_a_1x2 { 
  .rlc-copylayer {
    .rlc-p {
        span {
          font-size: 0.875em; /* shrink DEK COPY to match comp  */
        }
    }
  }
}




  
/* +++++ ---------- SLOT 3 - SLIDER ---------- +++++ */
/* content asset = 20261013-luxury-gifts-men_b_1x2 */
#rlc-20261013-luxury-gifts-men_b_1x2 {
  /* ----- 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 = 20261013-luxury-gifts-men_c_1x2 */
/* no additional styles needed */





/* ----- 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;
  }
}