/** Shopify CDN: Minification failed

Line 106:15 Expected identifier but found whitespace
Line 106:24 Unexpected "1s"

**/
/* === Interactive Background === */
.interactive-background {
  position: fixed;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  transition: opacity 0.5s ease-out;
  opacity: 1;
  overflow: hidden;
  z-index: -1;
}

.glow {
  position: absolute;
  width: 95vmax;
  height: 95vmax;
  border-radius: 50%;
  transform: translate(-50%, -50%);
  animation-duration: 40s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  filter: blur(120px);
}

.glow.glow1 {
  background-image: radial-gradient(circle, rgba(210, 103, 35, 0.6), rgba(210, 103, 35, 0.1), transparent 60%);
  animation-name: moveGlow1;
}

.glow.glow2 {
  background-image: radial-gradient(circle, rgba(48, 134, 200, 0.5), rgba(48, 134, 200, 0.1), transparent 60%);
  animation-name: moveGlow2;
}

@keyframes moveGlow1 {
  0%, 45%, 100% { top: 0; left: 0; }
  20%, 25% { top: 0; left: 100%; }
  70%, 75% { top: 100%; left: 0; }
  95% { top: 0; left: 0; }
}

@keyframes moveGlow2 {
  0%, 45%, 100% { top: 100%; left: 100%; }
  20%, 25% { top: 0; left: 100%; }
  70%, 75% { top: 100%; left: 0; }
  95% { top: 100%; left: 100%; }
}

#meeting-glow {
  position: absolute;
  top: 0; left: 0; right: 0; bottom: 0;
  --meet-x: 100%;
  --meet-y: 0%;
  background: radial-gradient(circle at var(--meet-x) var(--meet-y),
    rgba(255, 255, 255, 0.7),
    rgba(210, 103, 35, 0.2),
    rgba(48, 134, 200, 0.2),
    transparent 60%);
  opacity: 0;
  transform: scale(0);
  transform-origin: var(--meet-x) var(--meet-y);
  animation: meetingBlast 40s ease-out infinite;
}

@keyframes meetingBlast {
  0%, 19.9%, 25.1%, 69.9%, 75.1%, 100% {
    opacity: 0;
    transform: scale(0);
  }
  20% {
    --meet-x: 100%; --meet-y: 0%;
    transform-origin: var(--meet-x) var(--meet-y);
    opacity: 1;
    transform: scale(0.1);
  }
  25% {
    opacity: 0;
    transform: scale(2.5);
  }
  70% {
    --meet-x: 0%; --meet-y: 100%;
    transform-origin: var(--meet-x) var(--meet-y);
    opacity: 1;
    transform: scale(0.1);
  }
  75% {
    opacity: 0;
    transform: scale(2.5);
  }
}

/* -- Smooth Scroll Animation -- */
/* The initial state of the sections: hidden and moved down */
/* .hidden-section {
    opacity: 0;
    transform: translateY(100px); /* Start 100px below its final position */
    
    /* THIS IS THE LINE TO CHANGE: */
    transition: opacity 1s cubic-bezier(0.2, 0.95, 0.3, 1), transform 1s cubic-bezier(0.2, 0.95, 0.3, 1);
    
    will-change: opacity, transform; /* Optimize animation performance */
} */

/* .visible-section {
    opacity: 1;
    transform: translateY(0);
} */
/* -- End Smooth Scroll Animation -- */

/* --- CSS for Shopify Clone Animation --- */

/* --- CSS for Shopify Clone Animation --- */

/* 1. This makes your original image invisible but keeps its space. */
.overlay-image-move {
   opacity: 0 !important;
   visibility: hidden !important;
}

/* 2. This is the style for the new cloned image that we will animate. */
.cloned-image-animator {
    position: fixed;
    pointer-events: none;
    z-index: 999;
    opacity: 0;
    will-change: transform, opacity, top, left, width, height;
    transition: opacity 0.2s linear;
}

[desktop-layout=carousel-vertical] .wt-product__gallery [data-gallery] .wt-slider__slide img, [desktop-layout=carousel-horizontal] .wt-product__gallery [data-gallery] .wt-slider__slide img{
  border-radius:50px !important;
}