/** Shopify CDN: Minification failed

Line 62:27 Unexpected "*"

**/
/* Global Fog Animation Styles */
.global-fog-container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 5; /* Above content, below header/popups if possible */
  overflow: hidden;
}

.fog-layer {
  position: absolute;
  top: 0;
  left: -100%;
  width: 200%;
  height: 100%;
  background-image: var(--fog-image, var(--fog-image-default));
  background-repeat: repeat-x;
  background-size: 50% 100%;
  opacity: var(--fog-opacity, 0.4);
  filter: blur(var(--fog-blur, 10px));
  mix-blend-mode: screen;
  will-change: transform;
}

.fog-layer-1 {
  animation: fog-drift-horizontal var(--fog-speed-1, 30s) linear infinite;
}

.fog-layer-2 {
  animation: fog-drift-horizontal var(--fog-speed-2, 45s) linear infinite reverse;
  opacity: calc(var(--fog-opacity, 0.4) * 0.7);
  background-position: 50% 0;
}

.fog-layer-3 {
  animation: fog-drift-horizontal var(--fog-speed-3, 60s) linear infinite;
  opacity: calc(var(--fog-opacity, 0.4) * 0.5);
  background-position: 25% 0;
}

@keyframes fog-drift-horizontal {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(50%);
  }
}

/* Exclude Slider/Hero - Put it on a higher layer */
slideshow-component,
.slideshow,
.image-slider-content,
#shopify-section-template--*__17669464332799c448 {
  position: relative;
  z-index: 10 !important;
}

/* Ensure the header is always above fog */
.header-wrapper,
#shopify-section-header-group {
  z-index: 100 !important;
}

/* Section specific variables should be global now or handled via root */
:root {
  --fog-image-default: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='fogFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.012' numOctaves='4' stitchTiles='stitch' /%3E%3CfeColorMatrix type='matrix' values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1.5 -0.2' result='fog' /%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23fogFilter)' opacity='0.9' fill='white'/%3E%3C/svg%3E");
}