/** Shopify CDN: Minification failed

Line 410:0 Unexpected "}"

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:cro-ugc-slider (INDEX:17) */
.ugc-video-grid-wrapper {
  max-width: 1000px;
  margin: 0 auto;
  text-align: center; 
  padding: 1rem 1rem 2rem 1rem;
}

.ugc-video-grid-wrapper h2 {
    font-size: 3rem;
    font-weight: bold;
    margin: 0 0 1rem 0;
  @media (max-width: 768px) {
          font-size: 1.8rem !important;
  }
}
.ugc-video-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 10px;
  margin-bottom: 2rem;
}

.ugc-item {
  position: relative;
  cursor: pointer;
}

.ugc-item img {
  width: 100%;
  display: block;
  border-radius: 2px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.15);
}

.ugc-item video,
.ugc-item iframe {
  width: 100%;
  border-radius: 12px;
  display: none;
}

/* Aktives Video anzeigen */
.ugc-item.active img,
.ugc-item.active .ugc-play {
  display: none;
}
.ugc-item.active video,
.ugc-item.active iframe {
  display: block;
}

/* Play Symbol */
.ugc-play {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 60px;
  height: 60px;
  border-radius: 50%;
  background: rgba(0,0,0,0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}

.ugc-play::before {
  content: '';
  display: block;
  width: 0;
  height: 0;
  border-left: 18px solid #fff;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
}

/* CTA */
.ugc-cta {
  margin-top: 1rem;
}

.ugc-cta a {
    display: inline-block;
    padding: 1.5rem 2.4rem;
    background: #000;
    color: #fff;
    border-radius: 8px;
    margin-top: 20px;
    font-size: 18px;
    font-weight: bold;
    text-transform: uppercase;
    transition: background 0.3s ease;
    width: 100%;
    max-width: 430px;
    text-align: center;
}

.ugc-cta a:hover {
  background: #333;
}
/* END_SECTION:cro-ugc-slider */

/* START_SECTION:layering (INDEX:39) */
.layering-products-section__title {
  text-align: center;
  padding-top: 40px;
    text-transform: uppercase;
    font-size: 18px;
  margin-bottom: 0;
}
.layering-section {
  padding: 0;
  background-color: #f9f9f9;
}

.product-name-header-wrapper {
  padding: 0 20px;
}
.product-name-header {
  
  display: flex;
    justify-content: space-between;
  position: relative;
  max-width: 750px;
  border-bottom: 2px solid #ccc;
    margin: 0 auto 80px auto;
}

.product-name {
    text-transform: uppercase;
    font-size: 16px;
  cursor: pointer;
  padding: 10px;
  color: #000;
  position: relative;
}

.underline {
  position: absolute;
  bottom: -2px;
  height: 2px;
  background-color: black;
  width: 0;
  transition: left 0.3s ease, width 0.3s ease;
}

.product-content-wrapper {
  overflow: hidden;
  position: relative;
  height: auto;
}

.layering-product {
  opacity: 0; /* Hidden by default */
  top: 0;
  transition: opacity 1s ease; /* Smooth fade and slide */
  pointer-events: none; /* Disable interactions when hidden */
  position: absolute; /* Stack all products on top of each other */
  width: 100%; /* Ensure it takes the full width */
}

.layering-product.active {
  opacity: 1; /* Fully visible */
  transition: opacity 1s ease; /* Smooth fade and slide */
  pointer-events: auto; /* Enable interactions */
  height: auto;
  position: relative;
}


.product-image-row {
  display: flex;
    flex-wrap: wrap;
  width: 100%;
}

.variant-item {
  line-height: 0;
  width: 25%;
}

.variant-image {
  width: 25%;
  height: auto;
}
  .variant-image {
    width: 100%;
  }

.layering-btn {
    width: 100%;
  color: #000;
  padding: 10px 20px;
  border: none;
  cursor: pointer;
}

.layering-btn:hover {
  background-color: #eee;
}
.product-text-wrapper {
  text-align: center;
  width: 100%;
  margin: 7px 0 40px 0;
}
  
/* Mobile view - show only Emotion and 50ml images */
@media (max-width: 750px) {
  .product-name-header {
    margin: 0 auto 40px auto;
  }
  .variant-item {
    width: 50%;
  }
}
/* END_SECTION:layering */

/* START_SECTION:marquee (INDEX:50) */
.marquee {
  z-index: 99;
  white-space: nowrap;
  overflow: hidden;
  position: relative;
  background-color: #000000;
  color: #ffffff;
  font-size: 12px;
  font-weight: 300px;
  padding: 10px 0;
  text-align: right;
}

.marquee span {
  display: inline-block;
  padding-left: 100%; /* Start from the right */
  animation: marquee 20s linear infinite;
  animation-delay: 0s; /* No delay for the first block */
}

.marquee span:nth-child(2) { 
  animation-delay: 20s; /* Delay for the second block (adjust as needed) */
}

@keyframes marquee {
  0% {
    transform: translateX(0%);
  }
  100% {
    transform: translateX(-100%);
  }
}

@media all and (max-width: 768px) {
  .marquee {
      font-size: 12px;
      padding: 5px 0 2px 0;
  }
}
/* END_SECTION:marquee */

/* START_SECTION:quicklinks (INDEX:64) */
.collection-filter {
  top: 76px !important;
}
.shopify-section--quicklinks {
  top: 47px;
  position: sticky;
  z-index: 5;
}
.quicklinks--container {
  display: flex;
  background-color: #000;
  padding: 10px 15px;
  column-gap: 15px;
  overflow-x: scroll;
  position: relative;
}
.quicklinks--wrapper {
  position: relative;
}
.quicklinks--wrapper:after {
  content: ' ';
  background: rgb(255,255,255);
  background: linear-gradient(90deg, rgba(255,255,255,0) 28%, rgba(0,0,0,1) 98%);
  position: absolute;
  right: 0;
    top: 0;
  height: 100%;
  width: 50px;
  pointer-events: none; 
}
.quicklinks--container .quicklinks--item a {
  color: #fff ;
  font-size: 10px;  
  font-weight: 700;
  white-space: nowrap;
  scrollbar-width: none;
  pointer-events: auto; 
  
}
.quicklinks--container::-webkit-scrollbar {
	width: 0 !important;
  height: 0 !important;
}
@media all and (min-width: 768px) {
  .quicklinks--container {
    display: none;
  }
}
/* END_SECTION:quicklinks */

/* START_SECTION:stores (INDEX:76) */
.stores {
    max-width: 1200px;
    margin: 0 auto;
  }
.stores--container__headline {
  padding: 20px; 
  font-size: 22px;
  font-weight: 700;
}
.stores--container {
  display: flex;
  row-gap: 80px;
  flex-wrap: wrap;
  padding: 20px 20px 40px;
}
.stores--item {
  flex: 50%;
  display: block;
}
.stores--city {
  font-size: 16px;
  margin-bottom: 30px;
}
.stores--maps {
  margin-top: 20px;
  display: block;
  text-decoration: underline;
}
@media all and (min-width: 768px) {
  .stores--item {
    flex: 25%;
    flex-grow: 0;
  }
}
/* END_SECTION:stores */

/* START_SECTION:tiles-reloaded (INDEX:82) */
.scrollbar--hide {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar--hide::-webkit-scrollbar {
	width: 0 !important;
}

.tiles-reloaded--outside-block {
  position: absolute;
    bottom: 0;
  text-align: left;
  width: 100%;
  padding: 20px 10px;
    font-size: 14px;
    font-weight: 700;
    z-index: 3;
}

.tiles-reloaded--outside-block__title {
    position: absolute;
    left: 20px;
    bottom: 20px;
}
.tiles-reloaded--outside-block__price {
    position: absolute;
    right: 20px;
    bottom: 20px;
}
  .tiles-reloaded--outside-block .jdgm-preview-badge {
    margin-bottom: 0 !important;
    display: none !important;
  }

  .tiles-reloaded--outside-block .jdgm-prev-badge__text {
    display: none;
  }
.tiles-reloaded--outside-block__shadow {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    box-shadow: #32323240 101px 100px 100px -12px inset, #0000004d 0 18px 86px -18px inset;
}


}
.shopify-section--tiles .container {
	padding: 0;
	max-width: unset;
}
.tiles-reloaded--container .tiles-reloaded--wrapper {
  width: 100%;
}

.tiles-reloaded--wrapper {
    height: 100%;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.tiles-reloaded--wrapper img {
  display: block;
    height: 100%;
    width: 100%;
    flex: 1;
    object-fit: cover;
}

.tiles-reloaded--wrapper a {
    aspect-ratio: 1;
    overflow: hidden;
}
.tiles-reloaded--wrapper a:hover {
  cursor: pointer;
}
.collection-content .tiles-reloaded--container {
  padding-left: 0;
  padding-right: 0;
}
.carousel-reloaded-container {
  position: relative;
}
  .tiles-reloaded--description {
    background-color: #f1f1f1;
    padding: 40px 20px 20px 20px;
  }
  .tiles-reloaded--description h2 {
    font-size: 20px;
  }
  .tiles-reloaded--description p {

  }
.tiles-reloaded--banner {
    position: relative;
}

@media all and (max-width: 767px) {
    .carousel-reloaded-nav {
        position: absolute;
        bottom: 0;
        left: 0;
        height: 1px;
        background-color: #999;
        width: 20%; /* Adjust this width based on the number of images */
        transition: transform 0.3s ease;
    }
    .carousel-reloaded-container .carousel-reloaded-item {
      display: none;
    }

    .carousel-reloaded-container .carousel-reloaded-item.active {
      display: block;
    }
    .carousel-reloaded-item {
        width: 100%;
    }

    .carousel-reloaded--chevron-left {
        left: 10px;
    }
    .carousel-reloaded--chevron-right {
        right: 10px;
    }
    .carousel-reloaded--chevron-left,
    .carousel-reloaded--chevron-right {
        display: block;
        margin: auto;
        top: 0;
        bottom: 0;
        position: absolute;
        padding: 10px;
        z-index: 2;
        font-size: 40px;
        color: #000;
        display: flex;
        padding: 10px;
        align-items: center;
    }
    .tiles-reloaded--banner-mobile {
        display: block;
        width: 100%;
        height: auto;
    }
    .tiles-reloaded--banner-desktop {
        display: none;
    }
}
@media all and (min-width: 768px) {
    .tiles-reloaded--banner-desktop {
        display: block;
        width: 100%;
        height: auto;
    }
    .tiles-reloaded--banner-mobile {
        display: none;
    }
    .carousel-reloaded-nav {
        display: none;
    }
    .tiles-reloaded--container .tiles-reloaded--wrapper .carousel-reloaded-item {
        width: 25%;
        position: relative;
    }
    .tiles-reloaded--wrapper {
        flex-flow: row;
    }

    .carousel-reloaded--chevron-left,
    .carousel-reloaded--chevron-right {
        display: none;
    }
}
/* END_SECTION:tiles-reloaded */

/* START_SECTION:tiles (INDEX:83) */
.tiles--container__headline {
    color: #000;
    font-size: 22px;
    font-weight: 300;
    padding-left: 10px;
    margin-top: 20px;
}
.scrollbar--hide {
  overflow: -moz-scrollbars-none;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.scrollbar--hide::-webkit-scrollbar {
	width: 0 !important;
}

.tiles--wrapper .tiles--block .tiles--gradient {
	content: '';
	width: 100%;
 	height: 20px;
	position: relative;
	top: -20px;
	display: block;
}
.tiles--outside-block .tiles--buy-now {
    position: absolute;
    top: -60px;
    right: 10px;
  right: 0;
  }
  
.tiles--outside-block .tiles--buy-now__btn {
    border-radius: 20px;
    background-color: #fff;
    padding: 10px;
  z-index:10;
  border: none;
}
  
.tiles--outside-block {
  position: relative;
  height: 96px;
  text-align: left;
  width: 100%;
  padding: 20px 10px;
  line-height: 18px;
}
  .tiles--outside-block .jdgm-preview-badge {
    margin-bottom: 0 !important;
    display: none !important;
  }
  
  .tiles--outside-block .jdgm-prev-badge__text {
    display: none;
  }
.shopify-section--tiles .container {
	padding: 0;
	max-width: unset;
}
.tiles--container {
  	display: flex;
	padding: 0;
	flex-flow: row;
	flex-wrap: wrap;
	overflow: scroll;
}
.tiles--container .tiles--wrapper {
  width: 50%;
}

.tiles--container .tiles--wrapper.tiles--teaser {
  width: 100%;
}
.tiles--wrapper a {
    height: 100%;
    position: relative;
    border-radius: 0;
    overflow: hidden;
    display: flex;
    flex-flow: column;
    align-items: center;
}
.tiles--wrapper .tiles--block {
  position: absolute;
  bottom: 20px;
  width: 100%;
  text-align: center;
  color: #fff;
}
.tiles--wrapper .tiles--title {
  	padding-top: 0;
  	padding-bottom: 5px;
	margin-top: -10px;
	font-size: 20px;
  	display: block;
  	font-weight: 700px;
}
.tiles--wrapper .tiles--text {
	font-size: 12px;
	line-height: 17px;
  	max-width: 75%;
  	margin: 0 auto;
}
.tiles--wrapper .tiles--button {
  border-radius: 30px;
  border: 1px solid #fff;
  display: inline-block;
  padding: 5px 15px;
  position: relative;
  margin: 20px;
  color: #fff;
}
/* overrides */
.tiles--container .tiles--block {
 background-color: unset !important;
 color: #000 !important;
}
.tiles--container .tiles--gradient {
	display: none !important;
}
.tiles--wrapper .tiles--block {
	text-align: left;
}
.tiles--wrapper .tiles--title {
	margin-top: 0;
	padding-bottom: 0;
    margin-left: 10px;
	color: #fff;
	text-transform: uppercase;
	font-weight: 600;
}
.tiles--wrapper .tiles--text {
    margin: 0 0 0 10px;
    color: #fff !important;
}
.tiles--wrapper .tiles--button {
    border: 1px solid #fff;
    color: #000;
    background-color: #fff;
    padding: 10px 12px;
    margin: 10px;
    font-size: 14px;
    font-weight: 600;
    width: calc(100% - 20px);
	border-radius: 4px;
	text-align: center;
}
.tiles--wrapper img {
  display: block;
    height: calc(100% - 96px);

    width: 100%;
    flex: 1;
    object-fit: cover;
}

.tiles--image-back {
  display: none !important;
}
.tiles--wrapper a:hover {
  cursor: pointer;
}
.tiles--wrapper a:hover .tiles--image-front {
  display: none;
}
.tiles--wrapper a:hover .tiles--image-back {
  display: block !important;
}
.collection-content .tiles--container {
  padding-left: 0;
  padding-right: 0;
}

@media all and (max-width: 767px) {
  .tiles--hide-mobile {
   display: none; 
  } 
}
@media all and (min-width: 768px) {
  .tiles--container .tiles--wrapper,
  .tiles--container .tiles--wrapper.tiles--teaser {
    width: 25%;
  }
}
.carousel-container {
  position: relative;
}
.carousel-container .carousel-item {
  display: none;
}

.carousel-container .carousel-item.active {
  display: block;
}

.carousel-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 1px;
  background-color: black;
  width: 20%; /* Adjust this width based on the number of images */
  transition: transform 0.3s ease;
}
  .tiles--description {
    background-color: #f1f1f1;
    padding: 40px 20px 20px 20px;
  }
  .tiles--description h2 {
    font-size: 20px;
  }
  .tiles--description p {

  }
  .tiles__shadow {
    position: absolute;
    height: auto;
    width: 100%;
    top: 0;
    bottom: 96px;
    right: 0; 
    left: 0;
    box-shadow: #32323240 101px 100px 100px -12px inset, #0000004d 0 18px 86px -18px inset;
}
/* END_SECTION:tiles */