/** Shopify CDN: Minification failed

Line 390:27 Expected ")" to end URL token

**/
/* SHOPIFY_STYLESHEETS_VERSION: 1.0 */


/* CSS from section stylesheet tags */
/* START_SECTION:ek-community-posts (INDEX:32) */
.community-posts-preview-swiper .swiper-slide {
    width: 65vw;
    height: auto;
  }

  @media screen and (min-width: 768px) {
    .community-posts-preview-swiper .swiper-slide {
      width: 246px;
    }

    .community-posts-preview-swiper .swiper-wrapper {
      justify-content: flex-start;
    }

    .community-posts-preview-swiper.is-preview-locked .swiper-wrapper {
      transform: translate3d(0, 0, 0);
    }
  }

  .community-posts-preview-swiper video,
  .community-posts-preview-swiper [data-community-post-trigger] img {
    pointer-events: none;
  }

  body.community-post-modal-open .wrapper-button-addtocart {
    opacity: 0;
    pointer-events: none;
    transform: translateY(100%);
  }

  .community-post-tile-gradient {
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.56) 0%, rgba(0, 0, 0, 0.36) 5.52%, rgba(0, 0, 0, 0.24) 9.57%, rgba(0, 0, 0, 0.12) 13.96%, rgba(0, 0, 0, 0) 28.85%, rgba(0, 0, 0, 0) 100%);
  }
/* END_SECTION:ek-community-posts */

/* START_SECTION:ek-countdown (INDEX:34) */
.ek-countdown {
    background-color: var(--countdown-page-bg);
  }

  @media screen and (min-width: 768px) {
    .ek-countdown {
      background: linear-gradient(to bottom, var(--countdown-page-bg) 0%, var(--countdown-page-bg) 50%, #ffffff 50%, #ffffff 100%);
    }
  }
/* END_SECTION:ek-countdown */

/* START_SECTION:ek-footer (INDEX:38) */
/* Newsletter Success Modal */
  .newsletter-modal {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9999;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
  }

  .newsletter-modal.hidden {
    display: none;
  }

  .newsletter-modal-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.4);
    animation: fadeIn 0.3s ease-out;
  }

  .newsletter-modal-content {
    position: relative;
    background: white;
    padding: 40px 30px;
    max-width: 500px;
    width: 100%;
    text-align: center;
    border-radius: 4px;
    animation: slideIn 0.4s ease-out;
    box-shadow:
      0 1px 10px 0 rgba(0, 0, 0, 0.1),
      0 1px 20px 0 rgba(0, 0, 0, 0.05);
  }

  .newsletter-modal-close {
    position: absolute;
    top: 20px;
    right: 20px;
    background: none;
    border: none;
    cursor: pointer;
    padding: 8px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s ease;
  }

  .newsletter-modal-close:hover {
    transform: scale(1.1);
  }

  .newsletter-modal-icon {
    display: flex;
    justify-content: center;
    margin-bottom: 24px;
    animation: confettiDrop 0.6s ease-out 0.2s backwards;
  }

  .newsletter-modal-content h2 {
    margin-bottom: 20px;
  }

  .newsletter-modal-text {
    color: #333;
    line-height: 1.6;
  }

  .newsletter-modal-text p {
    margin: 0;
  }

  /* Animations */
  @keyframes fadeIn {
    from {
      opacity: 0;
    }
    to {
      opacity: 1;
    }
  }

  @keyframes slideIn {
    from {
      opacity: 0;
      transform: translateY(-30px) scale(0.95);
    }
    to {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
  }

  @keyframes confettiDrop {
    from {
      opacity: 0;
      transform: translateY(-20px) rotate(-5deg);
    }
    to {
      opacity: 1;
      transform: translateY(0) rotate(0deg);
    }
  }

  .newsletter-modal.closing .newsletter-modal-overlay {
    animation: fadeOut 0.3s ease-out forwards;
  }

  .newsletter-modal.closing .newsletter-modal-content {
    animation: slideOut 0.3s ease-out forwards;
  }

  @keyframes fadeOut {
    from {
      opacity: 1;
    }
    to {
      opacity: 0;
    }
  }

  @keyframes slideOut {
    from {
      opacity: 1;
      transform: translateY(0) scale(1);
    }
    to {
      opacity: 0;
      transform: translateY(-20px) scale(0.95);
    }
  }

  /* Accordion styles for mobile */
  @media (max-width: 767px) {
    details summary {
      list-style: none;
    }

    details summary::-webkit-details-marker {
      display: none;
    }

    .newsletter-modal-content {
      padding: 30px 20px;
    }
  }

  /* Newsletter CTA: turn button black and arrow white when input has content */
  .newsletter-form input[type='text'][name='name']:not(:placeholder-shown) + .newsletter-next-step,
  .newsletter-form input[type='email'][name='email']:not(:placeholder-shown) + .newsletter-submit:not(:disabled) {
    background-color: #000;
    border-radius: 50%;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  /* Circle inside SVG to black so it blends with the button */
  .newsletter-form input[type='text'][name='name']:not(:placeholder-shown) + .newsletter-next-step svg path:first-child,
  .newsletter-form input[type='email'][name='email']:not(:placeholder-shown) + .newsletter-submit:not(:disabled) svg path:first-child {
    fill: #000;
    transition: fill 0.2s ease;
  }

  /* Arrow to white */
  .newsletter-form input[type='text'][name='name']:not(:placeholder-shown) + .newsletter-next-step svg path:last-child,
  .newsletter-form input[type='email'][name='email']:not(:placeholder-shown) + .newsletter-submit:not(:disabled) svg path:last-child {
    fill: #fff;
    transition: fill 0.2s ease;
  }

  /* Hover state for active buttons: background #E5E5E5, arrow black */
  .newsletter-form input[type='text'][name='name']:not(:placeholder-shown) + .newsletter-next-step:hover,
  .newsletter-form input[type='email'][name='email']:not(:placeholder-shown) + .newsletter-submit:not(:disabled):hover {
    background-color: #e5e5e5;
  }

  .newsletter-form input[type='text'][name='name']:not(:placeholder-shown) + .newsletter-next-step:hover svg path:first-child,
  .newsletter-form input[type='email'][name='email']:not(:placeholder-shown) + .newsletter-submit:not(:disabled):hover svg path:first-child {
    fill: #e5e5e5;
  }

  .newsletter-form input[type='text'][name='name']:not(:placeholder-shown) + .newsletter-next-step:hover svg path:last-child,
  .newsletter-form input[type='email'][name='email']:not(:placeholder-shown) + .newsletter-submit:not(:disabled):hover svg path:last-child {
    fill: #000;
  }
/* END_SECTION:ek-footer */

/* START_SECTION:ek-highlightproduct (INDEX:42) */
.highlight-swatch-wrapper {
    width: fit-content;
  }

  .highlight-swatch-swiper {
    width: auto;
  }

  .highlight-swatch-swiper .swiper-wrapper {
    display: flex;
    align-items: center;
  }

  .highlight-swatch-swiper .swiper-slide {
    width: auto;
  }
/* END_SECTION:ek-highlightproduct */

/* CSS from block stylesheet tags */
/* START_BLOCK:magazinslider (INDEX:127) */
.magazin-slider__track {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.magazin-slider__track::-webkit-scrollbar {
  display: none;
}

.magazin-slider__track > * {
  flex-shrink: 0;
  width: 100%;
  scroll-snap-align: start;
}

.magazin-slider__slide {
  height: 100%;
}

.magazin-slider__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.25);
  transition: background-color 0.2s ease;
  border: none;
  cursor: pointer;
  padding: 0;
}

.magazin-slider__dot--active {
  background-color: rgba(0, 0, 0, 1);
}

.magazin-slider--linked .magazin-slider__slide {
  cursor: pointer;
}
/* END_BLOCK:magazinslider */

/* START_BLOCK:singleslider (INDEX:131) */
.single-slider__track {
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.single-slider__track::-webkit-scrollbar {
  display: none;
}

.single-slider__slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  scroll-snap-align: start;
}

.single-slider__slide--linked {
  position: relative;
  cursor: pointer;
}

.single-slider__link {
  position: absolute;
  inset: 0;
  z-index: 1;
}

.single-slider__slide a:not(.single-slider__link) {
  position: relative;
  z-index: 2;
}

.single-slider__dot {
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.5);
  transition: background-color 0.2s ease;
  border: none;
  cursor: pointer;
  padding: 0;
}

.single-slider__dot--active {
  background-color: rgba(255, 255, 255, 1);
}
/* END_BLOCK:singleslider */

/* CSS from snippet stylesheet tags */
/* START_SNIPPET:bf-clp-wave (INDEX:134) */
.bf-wave {
  background-color: #050505;
  color: var(--bf-text-light, #f7f1e1);
}

.bf-wave__media,
.bf-wave__grain {
  position: absolute;
  inset: -20%;
  pointer-events: none;
}

.bf-wave__media {
  background: radial-gradient(circle at 20% 20%, rgba(247, 241, 225, 0.55), transparent 35%),
    radial-gradient(circle at 80% 40%, rgba(248, 192, 103, 0.45), transparent 45%),
    radial-gradient(circle at 50% 80%, rgba(247, 241, 225, 0.35), transparent 40%),
    linear-gradient(120deg, rgba(247, 241, 225, 0.25), transparent 60%);
  mix-blend-mode: screen;
  animation: bfWaveFlow 14s linear infinite;
}

.bf-wave__media::after {
  content: '';
  position: absolute;
  inset: 0;
  background-image: url({{ 'bf-clp-wave.gif' | asset_url }});
  background-size: cover;
  background-repeat: no-repeat;
  opacity: 0.35;
  mix-blend-mode: screen;
}

.bf-wave__grain {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.15'/%3E%3C/svg%3E");
  opacity: 0.25;
  animation: bfWaveGrain 3s steps(2) infinite;
}

.bf-wave__headline {
  position: relative;
  color: var(--bf-text-light, #f7f1e1);
  display: inline-block;
}

.bf-wave__headline::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: transparent;
  background-image: linear-gradient(
    130deg,
    var(--bf-text-dark, #0a0a0a) 40%,
    var(--bf-text-light, #f7f1e1) 60%
  );
  background-size: 220% 100%;
  background-position: 0% 50%;
  -webkit-background-clip: text;
  animation: bfWaveHeadline 5s ease-in-out infinite;
}

.bf-wave__eyebrow {
  letter-spacing: 0.5em;
}

.bf-wave__body {
  color: rgba(255, 255, 255, 0.9);
}

@keyframes bfWaveFlow {
  0% {
    transform: translate3d(-5%, -5%, 0) scale(1.1);
  }
  50% {
    transform: translate3d(3%, 4%, 0) scale(1.15);
  }
  100% {
    transform: translate3d(-5%, -5%, 0) scale(1.1);
  }
}

@keyframes bfWaveGrain {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(5px, -5px, 0);
  }
}

@keyframes bfWaveHeadline {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .bf-wave__media,
  .bf-wave__grain,
  .bf-wave__headline::after {
    animation: none;
  }
}
/* END_SNIPPET:bf-clp-wave */

/* START_SNIPPET:community-post-modal (INDEX:161) */
@media screen and (max-width: 767px) {
    [data-community-post-modal] {
      transition: none;
    }

    .community-post-modal-panel {
      height: 95%;
      opacity: 1;
    }

    [data-community-post-modal-scroll] {
      -webkit-overflow-scrolling: touch;
      overscroll-behavior-y: contain;
      touch-action: pan-y;
    }

    /* Swiper default is pan-y; keep vertical modal scroll working on image slides. */
    [data-community-post-medien-gallery] {
      touch-action: pan-x pan-y;
    }

    .community-post-modal-media-frame img {
      pointer-events: none;
    }

    .community-post-modal-swiper,
    .community-post-modal-media-frame {
      height: calc(100vw + 40px);
    }

    .community-post-modal-media-column {
      width: 100%;
    }

    .community-post-modal-swiper .swiper-slide {
      height: calc(100vw + 40px);
    }

    .community-post-modal-media-frame img,
    .community-post-modal-media-frame video {
      object-fit: cover;
    }
  }

  [data-community-post-medien-gallery] {
    touch-action: pan-x pan-y;
  }

  .community-post-modal-swiper .swiper-slide {
    height: 100%;
    overflow: hidden;
  }

  .community-post-modal-swiper .swiper-wrapper {
    height: 100%;
  }

  @media screen and (min-width: 768px) {
    .community-post-modal-panel {
      --cp-modal-col: min(426px, calc((100vw - 3rem) / 2));
      --cp-modal-h: calc(var(--cp-modal-col) * 543 / 426);
      --cp-modal-pad: min(34px, calc(var(--cp-modal-col) * 34 / 426));
      width: calc(var(--cp-modal-col) * 2);
      max-width: min(852px, calc(100vw - 3rem));
      height: var(--cp-modal-h);
      max-height: var(--cp-modal-h);
    }

    .community-post-modal-body {
      width: 100%;
      min-width: 0;
    }

    .community-post-modal-media-column {
      flex: 0 0 var(--cp-modal-col);
      width: var(--cp-modal-col);
      max-width: var(--cp-modal-col);
      height: var(--cp-modal-h);
    }

    .community-post-modal-products-column {
      flex: 0 0 var(--cp-modal-col);
      width: var(--cp-modal-col);
      max-width: var(--cp-modal-col);
      height: var(--cp-modal-h);
      padding-inline: var(--cp-modal-pad);
      box-sizing: border-box;
      min-width: 0;
    }

    .community-post-modal-swiper,
    .community-post-modal-media-frame {
      width: var(--cp-modal-col);
      height: var(--cp-modal-h);
    }

    .community-post-modal-swiper .swiper-slide {
      width: var(--cp-modal-col);
      height: var(--cp-modal-h);
    }

    .community-post-modal-media-frame img {
      object-fit: cover;
      object-position: center;
    }

    .community-post-modal-media-frame video {
      object-fit: cover;
      object-position: center;
    }

    .community-post-modal-products-column .community-post-product-thumb {
      width: calc(var(--cp-modal-col) * 106 / 426);
      height: calc(var(--cp-modal-col) * 128 / 426);
    }

    .community-post-modal-products-column .community-post-product-copy {
      height: calc(var(--cp-modal-col) * 128 / 426);
    }
  }

  .community-post-modal-swiper .swiper-button-next,
  .community-post-modal-swiper .swiper-button-prev {
    width: 26px;
    height: 26px;
    margin-top: 0 !important;
    top: 50% !important;
    transform: translateY(-50%) !important;
    background-image: none;
    opacity: 1;
  }

  .community-post-modal-swiper .swiper-button-prev {
    left: 1rem !important;
    right: auto !important;
    transform: translateY(-50%) scaleX(-1) !important;
  }

  .community-post-modal-swiper .swiper-button-next {
    left: auto !important;
    right: 1rem !important;
  }

  .community-post-modal-swiper .swiper-button-next::after,
  .community-post-modal-swiper .swiper-button-prev::after {
    content: none;
  }

  .community-post-modal-swiper .swiper-button-next svg,
  .community-post-modal-swiper .swiper-button-prev svg {
    display: block;
  }

  .community-post-modal-swiper .community-post-modal-swiper-pagination {
    position: absolute;
    bottom: 16px!important;
    left: 0;
    right: 0;
    z-index: 10;
    display: flex;
    justify-content: center;
    gap: 4px;
  }

  .community-post-modal-swiper .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    margin: 0;
    border-radius: 9999px;
    background-color: rgb(255 255 255 / 0.7);
    opacity: 1;
    cursor: pointer;
    transition: background-color 0.2s ease;
  }

  .community-post-modal-swiper .swiper-pagination-bullet-active {
    background-color: #808080;
  }
/* END_SNIPPET:community-post-modal */

/* START_SNIPPET:ek-market-selector (INDEX:196) */
.ek-market-btn .arrow { transition: transform 200ms ease; }
.ek-market-btn[aria-expanded="true"] .arrow { transform: rotate(180deg); }
/* END_SNIPPET:ek-market-selector */

/* START_SNIPPET:product-faq-accordion (INDEX:287) */
.ek-product-faq-section:not([data-faq-interactive]) .product-faq-accordion > :not(details) {
    display: none;
  }

  .ek-product-faq-section:not([data-faq-interactive]) .product-faq-accordion details > :not(summary) {
    display: none;
  }

  .ek-product-faq-section:not([data-faq-interactive]) .product-faq-accordion details .faq-question {
    font-weight: 400;
  }

  .ek-product-faq-section:not([data-faq-interactive]) .product-faq-accordion details .faq-icon-minus {
    display: none;
  }

  .ek-product-faq-section:not([data-faq-interactive]) .product-faq-accordion details .faq-icon-plus {
    display: block;
  }

  .ek-product-faq-section[data-faq-interactive] .product-faq-accordion details:not([open]) > :not(summary) {
    display: none;
  }
/* END_SNIPPET:product-faq-accordion */

/* START_SNIPPET:product-faq-pdp-accordion (INDEX:288) */
.pdp-faq-accordion details:not([open]) .faq-answer {
    display: none;
  }
/* END_SNIPPET:product-faq-pdp-accordion */