/** Shopify CDN: Minification failed

Line 126:0 Expected "}" to go with "{"

**/
   
   /* =========================================================
   KORAH VIBES / MATERIA — PERFORMANCE-SAFE ANIMATIONS
   Scroll fade/slide + product hover + mobile + sticky header
   ========================================================= */

/* ---------- Motion variables ---------- */
:root {
  --kv-motion-fast: 180ms;
  --kv-motion-medium: 300ms;
  --kv-motion-slow: 520ms;
  --kv-motion-ease: cubic-bezier(0.22, 0.61, 0.36, 1);
}

/* ---------- Scroll animation keyframes ---------- */
@keyframes kvFadeIn {
  from { opacity: 0; }
  to   { opacity: 1; }
}

@keyframes kvSlideIn {
  from {
    opacity: 0;
    transform: translate3d(0, 14px, 0);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }
}

@keyframes kvZoomIn {
  from {
    opacity: 0;
    transform: scale(1.015);
  }
  to {
    opacity: 1;
    transform: scale(1);
  }
}

/* ---------- Scroll animations ----------
   Works with Materia/Dawn-style classes when the theme's
   original scroll-animation JavaScript is active.
*/
@media (prefers-reduced-motion: no-preference) {
  .scroll-trigger {
    opacity: 1;
  }

  .scroll-trigger.scroll-trigger--armed.scroll-trigger--offscreen:is(
    .fade_in,
    .slide_in,
    .zoom_in
  ) {
    opacity: 0;
    will-change: opacity, transform;
  }

  .scroll-trigger.scroll-trigger--armed:not(
    .scroll-trigger--offscreen
  ).fade_in {
    animation: kvFadeIn var(--kv-motion-slow) var(--kv-motion-ease) both;
  }

  .scroll-trigger.scroll-trigger--armed:not(
    .scroll-trigger--offscreen
  ).slide_in {
    animation: kvSlideIn var(--kv-motion-slow) var(--kv-motion-ease) both;
    animation-delay: calc(var(--animation-order, 0) * 60ms);
  }

  .scroll-trigger.scroll-trigger--armed:not(
    .scroll-trigger--offscreen
  ).zoom_in {
    animation: kvZoomIn var(--kv-motion-slow) var(--kv-motion-ease) both;
    animation-delay: calc(var(--animation-order, 0) * 60ms);
  }

  /* Keep persistent site chrome visible; preserve its own transitions. */
  [id*="header"].scroll-trigger,
  [id*="footer"].scroll-trigger,
  [id*="announcement"].scroll-trigger,
  [id*="breadcrumb"].scroll-trigger,
  .scroll-trigger:has(> .header),
  .scroll-trigger:has(> .site-header),
  .scroll-trigger:has(> header),
  .scroll-trigger:has(> .footer),
  .scroll-trigger:has(> .site-footer),
  .scroll-trigger:has(> footer),
  .scroll-trigger:has(> .announcement-bar),
  .scroll-trigger:has(> .announcement) {
    animation: none !important;
    opacity: 1 !important;
  }

  
/* KORAH VIBES — Emergency section visibility fix */

.scroll-trigger,
.scroll-trigger.kv-reveal-ready,
.scroll-trigger.kv-reveal-pending,
.scroll-trigger.kv-reveal-visible,
.scroll-trigger.scroll-trigger--offscreen,
.scroll-trigger.scroll-trigger--armed {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Prevent hidden content from the custom reveal script */
.kv-reveal-pending {
  opacity: 1 !important;
  visibility: visible !important;
}

/* Preserve normal section layout */
.shopify-section {
  visibility: visible;
}