:root {
    --transition-timing-function: linear;
  }

  /* Menu animation */
  .pt_pagedesigner_storefront .header--main-nav,
  .pt_pagedesigner_storefront .header--country-selector,
  .pt_pagedesigner_storefront .header--utility-nav {
    opacity: 0;
  }

  .body-load .pt_pagedesigner_storefront .header--main-nav,
  .body-load .pt_pagedesigner_storefront .header--country-selector,
  .body-load .pt_pagedesigner_storefront .header--utility-nav {
    opacity: 1;

    transition: opacity 1s var(--transition-timing-function) 1s;
  }

  .pt_pagedesigner_storefront .header--logo .svg-icon {
    transform: translateY(-250%);
  }

  .body-load .pt_pagedesigner_storefront .header--logo .svg-icon {
    transition: transform 1s linear;
    transform: translateY(0);
  }

  @media only screen and (min-width: 1024px) {
    .body-load .pt_pagedesigner_storefront .header--logo .svg-icon::after {
      transform: translate(-50%, -80%);
    }
  }

  /* End Menu animation */

  /* Home slider fade In/Out effect */
  @media only screen and (min-width: 1024px) {
    .pdVerticalSlider-item {
      opacity: 0 !important;
      transition: opacity 1s var(--transition-timing-function);
    }
  }

  .pdVerticalSlider-item.slick-active {
    opacity: 1 !important;
    display: flex;
  }

  /* End Home slider fade In/Out effect */

  /* Product Block Img */
  .pdVerticalSlider-item .full-width-product-img img {
    opacity: 0;
    transition: opacity 1s var(--transition-timing-function);
  }

  .pdVerticalSlider-item.slide--animate .full-width-product-img img {
    opacity: 1;
  }

  /* End Product Block Img */

  /* Label */
  .pdVerticalSlider-item .product-secondary-image .product-label {
    transform: translateY(3rem);
    transition: transform 0.5s var(--transition-timing-function) 0.5s,
      opacity 0.5s var(--transition-timing-function) 0.5s;
    opacity: 0;
  }

  .pdVerticalSlider-item.slide--animate .product-secondary-image .product-label {
    transform: translateY(0);
    opacity: 1;
  }
  /* End Label */

  /* Circle Image*/
  .pdVerticalSlider-item .product-secondary-image img,
  .pdVerticalSlider-item .open-panel__clip-mask {
    display: inherit;
    transform: translateY(6rem);
    transition: transform 1s var(--transition-timing-function) 0.5s,
      opacity 1s var(--transition-timing-function) 0.5s,
      clip-path 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    opacity: 0;
  }

  .pdVerticalSlider-item.slide--animate .product-secondary-image img,
  .pdVerticalSlider-item.slide--animate .open-panel__clip-mask {
    transform: translateY(0);
    opacity: 1;
  }
  /* End Circle Image*/

  /* CTA */
  .pdVerticalSlider-item [data-animation="cta"],
  .pdVerticalSlider-item .cta-animate {
    display: inline-block;
    opacity: 0;
    transform: translateY(6rem);
    transition: transform 0.8s var(--transition-timing-function) 0.5s,
      opacity 0.8s var(--transition-timing-function) 0.5s;
  }

  .pdVerticalSlider-item.slide--animate [data-animation="cta"],
  .pdVerticalSlider-item.slide--animate .cta-animate {
    opacity: 1;
    transform: translateY(0);
  }

  .pdVerticalSlider-item a.cta-animate::after,
  .pdVerticalSlider-item a[data-animation="cta"]::after {
    transition: bottom 1s var(--transition-timing-function) 0.5s;
    bottom: -30px;
  }

  .pdVerticalSlider-item.slide--animate a.cta-animate::after,
  .pdVerticalSlider-item.slide--animate a[data-animation="cta"]::after {
    bottom: -5px;
  }
  /* End CTA */
  
   #homepage .product-brand-link > .name-wrapper .product-brand span {
	font-size: 16px;
	font-weight: normal;
	letter-spacing: inherit;
    font-family: "AkzidenzGrotesk-Light", sans-serif;
  }

  #homepage [data-animation="wave"],
  #homepage .product-brand-link > span,
  #homepage .carousal-heading h3 {
    opacity: 0;
  }

  #homepage .pdVerticalSlider-item.slide--animate [data-animation="wave"],
  #homepage .pdVerticalSlider-item.slide--animate .product-brand-link > span,
  #homepage .pdVerticalSlider-item.slide--animate .product-brand-link > .name-wrapper .product-brand {
    transition: opacity 1s ease-out 0.5s;
    opacity: 1;
  }

  #homepage .pdVerticalSlider-item.slide--animate [data-animation="wave"] span,
  #homepage .pdVerticalSlider-item.slide--animate .product-brand-link > span span,
  #homepage .pdVerticalSlider-item.slide--animate .product-brand-link > .name-wrapper .product-brand span,
  #homepage .pdVerticalSlider-item.slide--animate .carousal-heading h3 span {
    display: inline-block;
    animation: wave-text 1s ease-in;
  }

  #homepage .pdVerticalSlider-item.slide--animate .carousal-heading h3 {
    transition: opacity 1s ease-out;
    opacity: 1;
  }

  @keyframes wave-text {
    00% {
      transform: translateY(4rem);
    }
    70% {
      transform: translateY(-5px);
    }
    100% {
      transform: translateY(0em);
    }
  }

  .pdVerticalSlider-item [data-animation="fade"] {
    opacity: 0;
    transition: opacity 2s linear;
  }

  .pdVerticalSlider-item.slide--animate [data-animation="fade"] {
    opacity: 1;
  }

  /* fix design issue because of bold style on span element*/
  .newsletter-container
    .content-asset
    .newsletter-describe
    [data-animation="wave"],
  .newsletter-container
    .content-asset
    .newsletter-describe
    [data-animation="wave"]
    span {
    font-weight: normal;
  }

  .pt_pagedesigner_storefront
    .vertical-carousel-pageDesigner
    .pdVerticalSlider-item
    .recommendations
    .slick-slide {
    transform: translateY(3rem);
    opacity: 0;
    transition: transform 1s var(--transition-timing-function),
      opacity 1s var(--transition-timing-function);
  }

  .pt_pagedesigner_storefront
    .vertical-carousel-pageDesigner
    .pdVerticalSlider-item
    .recommendations
    .slick-slide:nth-child(1) {
    transition-delay: 0.2s;
  }
  .pt_pagedesigner_storefront
    .vertical-carousel-pageDesigner
    .pdVerticalSlider-item
    .recommendations
    .slick-slide:nth-child(2) {
    transition-delay: 0.25s;
  }
  .pt_pagedesigner_storefront
    .vertical-carousel-pageDesigner
    .pdVerticalSlider-item
    .recommendations
    .slick-slide:nth-child(3) {
    transition-delay: 0.3s;
  }
  .pt_pagedesigner_storefront
    .vertical-carousel-pageDesigner
    .pdVerticalSlider-item
    .recommendations
    .slick-slide:nth-child(4) {
    transition-delay: 0.35s;
  }

  .pt_pagedesigner_storefront
    .vertical-carousel-pageDesigner
    .pdVerticalSlider-item.slide--animate
    .recommendations
    .slick-slide {
    transform: translateY(0);
    opacity: 1;
  }

  #homepage .horizontal-slider .product-tile .name-wrapper {
    transition: transform 1s var(--transition-timing-function) 0.5s,
      opacity 1.3s var(--transition-timing-function) 0.5s;
    transform: translateY(30px);
    opacity: 0;
  }

 #homepage .pdVerticalSlider-item.slide--animate
    .horizontal-slider
    .product-tile
    .name-wrapper {
    transform: translateY(0);
    opacity: 1;
  }

  .hide-dots .slick-dots {
    opacity: 0;
  }

  .newsletter-container .content-asset .newsletter-describe b,
  .newsletter-container
    .content-asset
    .newsletter-describe
    [data-animation="wave"]
    b
    span {
    font-family: "Untitled-Serif", sans-serif;
    font-weight: 700;
  }
