@media (min-width: 768px) {
  .position-md-absolute {
    position: absolute !important;
  }
}
.clp-mothersDay .icon-scroll {
  z-index: 2;
  position: relative;
}
.clp-mothersDay .container {
  padding-right: 24px;
  padding-left: 24px;
}
.clp-mothersDay .row {
  margin-right: -12px;
  margin-left: -12px;
}
.clp-mothersDay .col,
.clp-mothersDay .col-1,
.clp-mothersDay .col-2,
.clp-mothersDay .col-3,
.clp-mothersDay .col-4,
.clp-mothersDay .col-5,
.clp-mothersDay .col-6,
.clp-mothersDay .col-7,
.clp-mothersDay .col-8,
.clp-mothersDay .col-9,
.clp-mothersDay .col-10,
.clp-mothersDay .col-11,
.clp-mothersDay .col-12,
.clp-mothersDay .col-auto,
.clp-mothersDay .col-lg,
.clp-mothersDay .col-lg-1,
.clp-mothersDay .col-lg-2,
.clp-mothersDay .col-lg-3,
.clp-mothersDay .col-lg-4,
.clp-mothersDay .col-lg-5,
.clp-mothersDay .col-lg-6,
.clp-mothersDay .col-lg-7,
.clp-mothersDay .col-lg-8,
.clp-mothersDay .col-lg-9,
.clp-mothersDay .col-lg-10,
.clp-mothersDay .col-lg-11,
.clp-mothersDay .col-lg-12,
.clp-mothersDay .col-lg-auto,
.clp-mothersDay .col-md,
.clp-mothersDay .col-md-1,
.clp-mothersDay .col-md-2,
.clp-mothersDay .col-md-3,
.clp-mothersDay .col-md-4,
.clp-mothersDay .col-md-5,
.clp-mothersDay .col-md-6,
.clp-mothersDay .col-md-7,
.clp-mothersDay .col-md-8,
.clp-mothersDay .col-md-9,
.clp-mothersDay .col-md-10,
.clp-mothersDay .col-md-11,
.clp-mothersDay .col-md-12,
.clp-mothersDay .col-md-auto,
.clp-mothersDay .col-sm,
.clp-mothersDay .col-sm-1,
.clp-mothersDay .col-sm-2,
.clp-mothersDay .col-sm-3,
.clp-mothersDay .col-sm-4,
.clp-mothersDay .col-sm-5,
.clp-mothersDay .col-sm-6,
.clp-mothersDay .col-sm-7,
.clp-mothersDay .col-sm-8,
.clp-mothersDay .col-sm-9,
.clp-mothersDay .col-sm-10,
.clp-mothersDay .col-sm-11,
.clp-mothersDay .col-sm-12,
.clp-mothersDay .col-sm-auto,
.clp-mothersDay .col-xl,
.clp-mothersDay .col-xl-1,
.clp-mothersDay .col-xl-2,
.clp-mothersDay .col-xl-3,
.clp-mothersDay .col-xl-4,
.clp-mothersDay .col-xl-5,
.clp-mothersDay .col-xl-6,
.clp-mothersDay .col-xl-7,
.clp-mothersDay .col-xl-8,
.clp-mothersDay .col-xl-9,
.clp-mothersDay .col-xl-10,
.clp-mothersDay .col-xl-11,
.clp-mothersDay .col-xl-12,
.clp-mothersDay .col-xl-auto,
.clp-mothersDay .col-xxl,
.clp-mothersDay .col-xxl-1,
.clp-mothersDay .col-xxl-2,
.clp-mothersDay .col-xxl-3,
.clp-mothersDay .col-xxl-4,
.clp-mothersDay .col-xxl-5,
.clp-mothersDay .col-xxl-6,
.clp-mothersDay .col-xxl-7,
.clp-mothersDay .col-xxl-8,
.clp-mothersDay .col-xxl-9,
.clp-mothersDay .col-xxl-10,
.clp-mothersDay .col-xxl-11,
.clp-mothersDay .col-xxl-12,
.clp-mothersDay .col-xxl-auto {
  padding-right: 12px;
  padding-left: 12px;
}
.clp-mothersDay {
  background-color: #fff;
  position: relative;
}
.clp-mothersDay .mothersDay-hero {
  --heroHeight: 671px;
  padding: 0;
  position: relative;
}
@media (min-width: 768px) {
  .clp-mothersDay .mothersDay-hero {
    --heroHeight: 500px;
  }
}
@media (min-width: 1200px) {
  .clp-mothersDay .mothersDay-hero {
    --heroHeight: 664px;
  }
}
@media (min-width: 1768px) {
  .clp-mothersDay .mothersDay-hero {
    --heroHeight: 800px;
  }
}
.clp-mothersDay .mothersDay-hero .bg-img {
  position: relative;
  overflow: hidden;
}
.clp-mothersDay .mothersDay-hero .bg-img picture img {
  height: var(--heroHeight);
  left: 50%;
  position: relative;
  transform: translate(-50%);
}
@media (min-width: 2560px) {
  .clp-mothersDay .mothersDay-hero .bg-img {
    height: 800px;
  }
  .clp-mothersDay .mothersDay-hero .bg-img picture img {
    height: auto;
    bottom: 0;
    width: 100%;
    transform: translate(-50%, -100%);
    top: 100%;
  }
}
.clp-mothersDay .mothersDay-hero .content-overlay {
  padding-top: 2rem;
  position: absolute;
  height: calc(var(--heroHeight));
  -webkit-inset: 0;
  -moz-inset: 0;
  -ms-inset: 0;
  inset: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
@media (min-width: 768px) {
  .clp-mothersDay .mothersDay-hero .content-overlay {
    padding-top: 0rem;
  }
}
@media (min-width: 1200px) {
  .clp-mothersDay .mothersDay-hero .content-overlay {
    padding-top: 0;
    display: flex;
    align-items: start;
  }
}
.clp-mothersDay .mothersDay-hero .content-overlay .row {
  height: 100%;
}
.clp-mothersDay .mothersDay-hero .content-overlay .copy-box {
  max-width: 360px;
  margin: 0 auto;
  height: var(--heroHeight);
}
@media (min-width: 768px) {
  .clp-mothersDay .mothersDay-hero .content-overlay .copy-box {
    max-width: 300px;
    display: flex;
    margin: unset;
    flex-direction: column;
    justify-content: center;
  }
}
img#bubble-take-a-hint {
  width: 202px;
}
.clp-mothersDay .global-content-slot--ingredient .btn {
  color: #121212;
  background: none;
  padding: 11px 15px;
  border: 1px solid rgba(0, 0, 0, 0.3);
  font-size: 1rem;
  line-height: 20px;
  border-radius: 4px;
}
.clp-mothersDay section.articles {
  margin-top: 4rem;
  overflow-x: hidden;
}
@media (min-width: 1199px) {
  .clp-mothersDay section.articles {
    margin-top: 6rem;
  }
}
.clp-mothersDay section.articles .container-fluid {
  max-width: 1632px;
  padding-left: 24px;
  padding-right: 24px;
  margin: 0 auto;
}
.clp-mothersDay section.articles .swiper-slide {
  width: 285px;
}
@media (min-width: 1024px) {
  .clp-mothersDay section.articles .swiper-slide {
    width: 309px;
  }
}
@media (min-width: 1200px) {
  .clp-mothersDay section.articles .swiper-slide {
    width: 436px;
  }
}
@media (min-width: 1632px) {
  .clp-mothersDay section .swiper-container {
    user-select: none;
  }
}
.content-overlay {
  position: absolute;
  height: 100%;
  -webkit-inset: 0;
  -moz-inset: 0;
  -ms-inset: 0;
  inset: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
}
.copy-box p {
  font-weight: 400;
}
.mothersDay-bg-lavender {
  background-color: #c4aded;
}
.mothersDay-lavender {
  color: #c4aded;
}
.clp-mothersDay .wrapper-link {
  height: 100%;
  position: absolute;
  -webkit-inset: 0;
  -moz-inset: 0;
  -ms-inset: 0;
  inset: 0;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
.clp-mothersDay .btn {
  position: relative;
  z-index: 2;
}
.clp-mothersDay .colour-tone {
  color: #fff;
}
@media (min-width: 768px) {
  .clp-mothersDay .colour-tone {
    color: #000;
  }
}
#mothers-day-show-stopper .text-container {
  width: 343px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  #mothers-day-show-stopper .text-container {
    width: auto;
  }
  #mothers-day-show-stopper .btn--primary-dark {
    background-color: #000;
    color: #fff;
  }
}
#mothers-day-show-stopper .bg-image {
  height: 767px;
}
#mothers-day-show-stopper .bg-image img {
  position: relative;
  height: 767px;
  left: 50%;
  transform: translate(-50%);
}
@media (min-width: 768px) {
  #mothers-day-show-stopper .bg-image,
  #mothers-day-show-stopper .bg-image img {
    height: 500px;
  }
}
@media (min-width: 1200px) {
  #mothers-day-show-stopper .bg-image,
  #mothers-day-show-stopper .bg-image img {
    height: 620px;
  }
}
@media (min-width: 1728px) {
  #mothers-day-show-stopper .bg-image,
  #mothers-day-show-stopper .bg-image img {
    height: 710px;
    overflow: hidden;
  }
}
@media (min-width: 2560px) {
  #mothers-day-show-stopper .bg-image img {
    height: auto;
    width: 100%;
    top: 50%;
    transform: translate(-50%, -50%);
  }
}
#mothers-day-show-stopper {
  margin-top: 6rem;
}
#shop-tea-prouct-slider {
  margin-top: 1rem;
}
#mothers-day-gift-ideas-incoming .section-row {
  padding: 2rem 0;
}
#gift-convenience,
#mothers-day-curate-a-gift-to-their-taste {
  margin-top: 2rem;
}
#mothers-day-curate-a-gift-to-their-taste img {
  width: 100%;
  position: relative;
  left: 50%;
  transform: translate(-50%);
}
#mothers-day-gift-ideas-incoming .card .card-text,
#mothers-day-gift-ideas-incoming .card .card-title {
  display: none;
}
#mothers-day-gift-ideas-incoming .card .card-body {
  display: flex;
  justify-content: center;
  margin-top: 0.5rem !important;
}
#mothers-day-gift-ideas-incoming .bubble-container img {
  height: 69px;
}
@media (min-width: 768px) {
  #mothers-day-gift-ideas-incoming .section-row {
    padding-top: 0;
    padding-bottom: 3rem;
  }
  #gift-convenience,
  #mothers-day-curate-a-gift-to-their-taste {
    margin-top: 3rem;
  }
  #mothers-day-gift-ideas-incoming .card .card-text,
  #mothers-day-gift-ideas-incoming .card .card-title {
    display: block;
  }
  #mothers-day-gift-ideas-incoming .card .card-body {
    flex-direction: column;
  }
}
@media (min-width: 1024px) {
  #mothers-day-gift-ideas-incoming .section-row {
    padding-bottom: 6rem;
  }
  #gift-convenience,
  #mothers-day-curate-a-gift-to-their-taste {
    margin-top: 6rem;
  }
}
@media (min-width: 1632px) {
  .swiper-container-t2 .swiper-slide {
    width: 252px !important;
  }
}
[class^="flowers"] {
  display: none;
}
.scroll-animate {
  opacity: 0;
  transition: opacity 1s, transform 1s;
}
.fade-right {
  transform: translate(-50px);
}
.fade-left {
  transform: translate(50px);
}
.fade-up {
  transform: translateY(50px);
}
.fade-down {
  transform: translateY(-50px);
}
.visible {
  opacity: 1;
  transform: translate(0) translateY(0);
}
.js-fade-right {
  transform: translate(50%);
}
.js-fade-left {
  transform: translate(-50%);
}
.js-fade-top {
  transform: translateY(-100%);
}
.js-fade-bottom {
  transform: translateY(100%);
}
@media (min-width: 1200px) {
  [class^="flowers"] {
    display: block;
    position: absolute;
    width: 270px;
  }
  .flowers-1-top-left {
    top: -100px;
    left: -150px;
  }
  .flowers-2-top-right {
    top: -100px;
    right: -120px;
  }
  .flowers-3-bottom-right {
    top: -100px;
    right: -160px;
  }
  .flowers-4-bottom-left {
    top: -100px;
    left: -170px;
  }
}
@media (min-width: 1400px) {
  [class^="flowers"] {
    width: 420px;
  }
  .flowers-1-top-left {
    left: -296px;
  }
  .flowers-2-top-right {
    right: -222px;
  }
  .flowers-3-bottom-right {
    right: -260px;
  }
  .flowers-4-bottom-left {
    left: -290px;
  }
}
@media (min-width: 1632px) {
  .flowers-1-top-left {
    left: -150px;
  }
  .flowers-2-top-right,
  .flowers-3-bottom-right {
    right: -128px;
  }
  .flowers-4-bottom-left {
    left: -160px;
  }
}